My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
1.下载My97DatePicker组件包 ,导入项目中
2、在页面中引入该组件js文件:
<script type="text/javascript" src="....... js/My97DatePicker/WdatePicker.js"></script>
3、页面使用两个方式:
常规调用:
<input id="d11" type="text" onClick="WdatePicker()"/>
图标触发:
<input id="d12" type="text"/> <img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" _fcksavedurl="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
注:$dp.$ 相当于 document.getElementById
4.对控件加各种限制,如最大日期为今天等等。。。具体限制查阅相关材料
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>