My97DatePicker时间控件使用

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'})"/>

 

原文地址:https://www.cnblogs.com/zzmb/p/7727426.html