My97DatePicker日期控件的使用

本文演示如何在MyEclipse項目中使用My97DatePicker日期控件

1、下載My97DatePicker日期控件， My97DatePicker日期控件下載地址

2、在MyEclipse項目中安裝My97DatePicker，把下載后的My97DatePicker解壓后放在WebRoot子目錄下，如WebRoot/dd/js/My97DatePicker(我把My97DatePicker放在WebRoot/dd/js/目錄下，My97DatePicker為解壓后的文件夾)

3、引用My97DatePicker，在要使用的jsp頁面中引入js，如下

<script type="text/javascript" src="<%=request.getContextPath() %>/dd/js/My97DatePicker/WdatePicker.js"></script>

4、調用My97DatePicker，如下

//格式：2012-09-12
<input id="endDate"  readonly="readonly" onfocus="WdatePicker({isShowWeek:true})" /> 
//格式：2012-09-12 12:23:22
<input id="endDate"  readonly="readonly" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2100-03-10 20:59:30'})"
 />

<input class="Wdate" type="text" id="pageEndTime" style="width: 150px;"
                                              onFocus="WdatePicker({isShowClear:true,readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" />

 

完畢！！！！