html实现两个箭头向左向右,原生JS实现左右箭头选择日期实例代码

原生JS实现左右箭头选择日期实例代码

2019-01-07

编程之家

https://www.jb51.cc

编程之家收集整理的这篇文章主要介绍了原生JS实现左右箭头选择日期实例代码，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

先上个效果图，就是用左右尖括号可改变中间日期的值。(点击中间显示区域有时间选择器弹框，用的插件就不说了，主要说自己原创的部分)

HTML部分 (左右箭头都是用的图片素材，网上一大把，这里我就显示我本地地址了)

>

>

HTML部分没什么可说的

下面原生JS部分了(底部有本插件附件，欢迎各路朋友评论交流)

跳转时间(加时间)的按钮

var s = document.getElementById("beginTime").innerHTML;

var arr = s.split("/"); //将获取的数组按“/”拆分成字符串数组

var year = parseInt(arr[0]);//开分字符串