原生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
- 原生JS 左右箭头选择日期
- 原生js左右滑动
- js左右箭头图片切换
- Android 原生日期选择
- js左右切换 选择年龄
- js实现左右选择框
- 原生js的日期计算器
- 带左右箭头切换的自动滚动图片JS特效
- 带左右箭头图片轮播的JS代码
- angular js 左右选择框 Freemarker+js
- html原生select改造箭头及文字左右居中的一种办法
- 选择日期js
- js选择日期
- JS日期选择
- 选择日期JS(sample2)
- 选择日期JS(sample1)
- js日期选择控件
- 日期选择JS脚本
- 面试题汇总。
- java.net.ConnectException: Call From localhost/127.0.0.1 to localhost:8020 failed on connection
- 从零开始学习Swift(注:自己学习笔记,有地方只是个人理解并非对)
- 华师大 OJ 3026
- 成为Java高级软工所必备的知识库
- 原生JS 左右箭头选择日期
- jsp基础知识了解
- Swig—C/C++和Python之间的粘结剂
- 你需要尝试的25个Android第三方库
- Hadoop伪分布配置错误总结
- 经典海盗分金问题(hdu 1538)
- js 鼠标事件 鼠标坐标
- VBA中妙用Split
- 天梯赛训练集