兼容IE 9 /10/11,火狐 ,谷歌的时间插件,只需要导入WdatePicker.js文件。
在inputText控件的onclick事件加入οnclick="WdatePicker( {el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'} )" 这段代码就就可以了。
实例如图
html代码如下:不需要再额外写js代码
<li class="system_log_btn">结束时间 :</li>
<li class="system_log_ipt">
<span><input type="text" id="endTime" οnclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'} )" value="2015-10-24"/></span>
</li>
注意:这里会遇到问题 IE
WdatePicker IE下报错: SCRIPT70: 没有权限 ——解决办法
解决办法:
打开WdatePicker.js
设置$crossFrame:false
如果使用的是chrome 和火狐 ,type类型用date这是html5的新特性,这样子直接用就可以了
li class="system_log_btn">结束时间 :</li>
<li class="system_log_ipt">
<span><input type="date" id="endTime" value="2015-10-24"/></span>
</li>
图: