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为最大时间。
这样可以设置成想要的任意格式。
例如: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为最大时间。
这样可以设置成想要的任意格式。