1 my97DatePicker是一个很好很强大的日历控件。这是用在前台html的日历。需要将一些公共的部分增加到工程中.

例如：my97DatePicker整个文件夹复制到webroot下。



2 在所需的jsp页面中，需要将WdatePicker.js增加到该jsp内。

如：<script type="text/javascript" language="javascript" src="<%=basePath %>common/My97DatePicker/WdatePicker.js"></script>

 

3 这是将文本框进行设置即可。设置class为Wdate，然后设置onfocus为WdatePicker({一些类属性})

如：<input type="text" id="text0" class="Wdate" οnfοcus="WdatePicker({isShowWeek:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" value=""/>

   <input type="text" id="text1" class="Wdate" οnfοcus="WdatePicker({isShowWeek:true,dateFmt:'yyyy-MM-dd',minDate:'<%=minDate %>',maxDate:'<%=maxDate %>'})" value=""/>

   <input type="text" id="text2" class="Wdate" οnfοcus="WdatePicker({isShowWeek:true,dateFmt:'yyyy-MM',minDate:'2012-07-09',maxDate:'2012-09-02'})" value=""/>

   <input type="text" id="text3" class="Wdate" οnfοcus="WdatePicker({isShowWeek:true,dateFmt:'yyyy',minDate:'2008-09-09',maxDate:'2012-09-09'})" value=""/>

  



dateFmt设置的目的是显示格式。可以设置为年月日，年月，年。

isShowWeek是设置时候显示周。

minDate为最小时间。

maxDate为最大时间。

这样可以设置成想要的任意格式。

    
支持日期以及时分秒的选择, 国人开发, 还不错!
官网: http://www.my97.net/

转载于:https://www.cnblogs.com/jiyang2008/p/5364747.html