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

作者:Liaodeity - 2016年03月22日
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 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!