wdatePicker日期控件使用

 <input type="text" autocomplete="off" placeholder="yyyy-MM-dd"
   class="form-control hasDatepicker"
     id="serviceStartTime"
      name="serviceStartTime"
      onClick="timeStart()"/>

在serviceStartTime元素上绑定onClick事件用来初始化wdatePicker日期控件

 timeStart = function () {
        var date = new Date();
        var month = date.getMonth() + 1;
        var minDate = '';
        if (month >= 5) {
            minDate = date.getFullYear() + "-01-01";
        }
        WdatePicker({dateFmt: 'yyyy-MM-dd', minDate: minDate, maxDate: '%y-%M-{%d}'});
    };

WdatePicker可设置:dateFmt选择日期格式 minDate 可以选择的最小日期,maxDate 可选择的最大日期%y-%M-{%d为当前日期

 <input type="text" placeholder="yyyy-MM-dd" autocomplete="off"
     class="form-control hasDatepicker"
     id="serviceEndTime"
     name="serviceEndTime"
     onClick="timeLimit()"/>

 timeLimit = function () {
WdatePicker({dateFmt: 'yyyy-MM-dd', minDate: '#F{$dp.$D(\'serviceStartTime\')}', maxDate: maxDateString});
    }

WdatePicker的minDate属性还可以设置为某一个WdatePicker控件的值格式#F{$dp.$D(‘serviceStartTime’} serviceStartTime为另一个WdatePicker控件元素的id
WdatePicker.js下载地址:WdatePicker.js