搜索
您的当前位置:首页正文

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});
    }

因篇幅问题不能全部显示,请点此查看更多更全内容

Top