JS 日期控件jeDate,DatePicker
550 views
0
jeDate除了包含 日历可以直接显示与点击显示、日期标注点、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,操作等常规功能外,还拥有更多趋近完美的解决方案。
Github下载:github.com/singod/jeDate
官网下载:jedate.zip
米扑示例:mimvp-jedate (推荐)
注意事项
- 解压后,将jedate整个文件放至您项目的任意目录,不要移动其文件结构,它们具有完整的依赖体系
- 使用只需在页面引入jedate.js即可。 如: <script type="text/javascript" src="jeDate/jedate.js"></script>
浏览器兼容
- Internet Explorer >=8 (Windows)
- Safari (Mac)
- Chrome (Windows, Mac, iOS, Linux, Chrome OS)
- Firefox (Windows, Mac, Linux, Firefox OS)
- 谷歌内核浏览器,如360浏览器,搜狗浏览器,QQ浏览器等
核心方法:jeDate(options)
dateCell:"#id", //目标元素。由于jedate.js封装了一个轻量级的选择器,因此dateCell还允许你传入class、tag这种方式 '#id .class' isDisplay:false, //是否直接显示日期层,false不直接显示,true直接显示需要displayCell配合 displayCell:"#id", //直接显示日期层的容器,可以是ID CLASS format:"YYYY-MM-DD hh:mm:ss", //日期格式 minDate:"1900-01-01 00:00:00", //最小日期 maxDate:"2099-12-31 23:59:59", //最大日期 isinitVal:false, //是否初始化时间 isTime:false, //是否开启时间选择 ishmsLimit:false, //时分秒限制 isClear:false, //是否显示清空 festival:false, //是否显示节日 zIndex:999, //弹出层的层级高度 marks:null, //给日期做标注 choosefun:function(val) {}, //选中日期后的回调 clearfun:function(val) {}, //清除日期后的回调 okfun:function(val) {} //点击确定后的回调
支持格式类型
- YYYY-MM-DD hh:mm:ss
- YYYY-MM-DD hh:mm
- YYYY-MM-DD
- YYYY-MM
- hh:mm:ss
- hh:mm
米扑示例:mimvp-jedate
参考推荐:
jedate (官网)
DatePicker (My97)
BootStrap-datetimepicker (BootStrap)
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2016-08-12 02:50:04
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!