WdatePicker时间控件、常用的时间选择控件

WdatePicker时间控件是一个很不错的控件,可以选择时间,对选择的时间进行一些限制,很多网站都在使用。
看到下面的代码,我们可以看到,有个minDate和maxDate,这个参数是对选择的时间最大值和最小值做的范围,我们可以知道{d:1}说明要比前面时间大一天,反正{d:-1}所以要比后面的时间小于一天,这样在我们的项目中,就可以限定用户选择的时间返范围,不让用户选错了。
更多的使用方法,可以去看官网的文档,附件中有官网的地址,下载插件后可以去学习,也可以自己直接百度。
<html> <head> <meta charset="UTF-8"> <title>WdatePicker时间控件-建百站www.jianbaizhan.com</title> <script type="text/javascript" src="WdatePicker/WdatePicker.js"></script> </head> <body> <table cellpadding="2"> <tr> <td >提交时间:</td> <td> <input id="fval_1" type="text" class="Wdate" value="" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'fval_2\',{d:-1})}'})" width="100px;"> </td> <td > 至</td> <td> <input id="fval_2"type="text" class="Wdate" value="" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'fval_1\',{d:1})}'})" width="100px;"> </td> </tr> </table> </body> </html>
本文作者: Liaodeity
本文链接: https://www.jianbaizhan.com/code/773
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!