原生JS 左右箭头选择日期

来源:互联网 发布:有深度的电影。 知乎 编辑:程序博客网 时间:2024/06/17 09:06

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

                                                                        


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

 <div>            <span class="leftspan" onclick="reducedate()"><img src="IMG/return.png" style="height:100%; width:100%;"/></span>            <label id="beginTime" class="kbtn"></label>            <span class="rightspan" onclick="adddate()"><img src="IMG/right.png" style="height:100%; width:100%;"</span> </div>  

HTML部分没什么可说的

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



写个使用API吧:
向左尖括号(减少时间)
 onclick="reducedate("tagid")";

向右尖括号(增加时间)

 onclick="adddate()("tagid")"; 
代码可复制到自己的JS中,也可插入。

附件在下面了


PS:很长时间没写博客了,以后会把我觉得好的原创都分享出来。希望在博客上也能交到技术上的朋友。

0 0
原创粉丝点击