My97DatePicker日期控件简单用法

把文件解压后放入项目目录中:
在要使用的网页或模板中在<head/>中引用下面js文件(js文件路径要看好..):
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js">
</script>

然后调用的几种方法:
1.常规调用
<input type="text" onClick="WdatePicker()"/>

2.
图标触发(此时只有点击图标才能弹出日期选择框)
<input id="iconInvoke" type="text"/>
<img onclick="WdatePicker({el:'iconInvoke'})" src="js/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
3.禁止清空(用户不能清空日期,和使用delete清空)
<input type="text" class="Wdate" onFocus="WdatePicker({isShowClear:false, readOnly:true})"/>


4.
自定义日期显示格式
<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"/>


以后会逐渐完善。。。

原文地址:https://www.cnblogs.com/zhaoqiangxiaoxiao/p/3510197.html