My97DatePicker控件显示时分秒

最新推荐文章于 2018-08-03 14:44:10 发布

原创最新推荐文章于 2018-08-03 14:44:10 发布 · 256 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前段控件

本文介绍了三种在网页上实现日期和时间选择器的方法。第一种是在input元素中直接使用My97DatePicker插件；第二种是在WdatePicker.js文件中进行配置修改；第三种是通过调整JavaScript中的正则表达式来支持时间显示。My97DatePicker因其易用性和灵活性被认为是比jQuery和Bootstrap等库中的日期选择器更好的选择。

1，直接在input中实现

<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate" style="width:150px"/>

2，在WdatePicker.js中修改

dateFmt:"yyyy-MM-dd",  
realDateFmt:"yyyy-MM-dd",  
realTimeFmt:"HH:mm:ss",  
这三句，然后改成  
dateFmt:"yyyy-MM-dd HH-mm-ss",  
realDateFmt:"yyyy-MM-dd HH-mm-ss",  
realTimeFmt:"HH:mm:ss HH-mm-ss",

3 第三种

if (!WebCalendar.timeShow) WebCalendar.dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;  
else WebCalendar.dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;

说明：本人只实现了第一种，my97date控件比较好用，比jquery，bootstrap中的时间控件好用

标签

#javascript #ViewUI