TA的每日心情 | 开心 2021-12-13 21:45 |
---|
签到天数: 15 天 [LV.4]偶尔看看III
|
例如输入开始时间,结束时间的文本框。开始时间一旦选择那么结束时间就无法选择比开始时间小的时间值。结束时间一旦选择那么开始时间无法选择比结束时间大的时间值。如下图:
当开始时间为2013-02-28时,在结束时间的文本框中该日期前的值全部为灰色。
使用My97DatePicker的步骤为:
第一步:引用js。
在页面头部引用:
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
在表单中使用的代码:
开始时间:
<input id="contentDate_1_h" name="contentDate_1" type="hidden" value="">
<input id="contentDate_1" type="text" class="flleft check_inp Wdate inp_bd input_small" maxlength="250" value="2013-02-22" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'contentDate_2\')}'});"/>
结束时间:
<input id="contentDate_2_h" name="contentDate_2" type="hidden" value="">
<input id="contentDate_2" type="text" class="flleft check_inp Wdate inp_bd input_small" maxlength="250" value="" onclick="WdatePicker({minDate:'#F{$dp.$D(\'contentDate_1\')}'});"/>
带时间的:
时间控件:<input type="text" value="" onclick="WdatePicker({iSSHowClear:false,dateFmt:'yyyy-MM-dd HH:mm:ss'});" readonly="readonly"/>
只有日期:
日期控件:<input type="text" value="" readonly="readonly"/>
可以在My97DatePicker/WdatePicker.js进行配置。
My97DatePicker下载:文件名:My97DatePicker.rar
下载地址:http://www.javaxxz.com/file.php?id=17447785
|
|