WdatePicker时间限制

1.引入js

<script type="text/javascript" src="../../assets/datePicker/WdatePicker.js"></script>

2.html

<div class="row cl mb-20 ">
    <label class="form-label col-xs-4 col-sm-3 text-c"> 
            出纳日期
            <a href="javascript:void();" style="position:relative" 
                class="youxiaoqi" title="">
                <i class="fa fa-info-circle" style="color: red"></i>
            </a>：
    </label>
    <div class="formControls col-xs-5 col-sm-6">
        <input type="date" class="Wdate input-text htdata" value="" 
      placeholder="请选择日期" id="issueDate" name="issueDate">
    </div>
</div>

2.js

// 后台接口返回的有效期exField,单位（月） 
//'%y-#{%M-'+m+'}-%d'当前月减去多少月
var m=response.data[i].exField;//有效期的值
if($('.htdata')){
    $('.htdata').focus(function(){
        WdatePicker({
            dateFmt: 'yyyy-MM-dd', 
            minDate: '%y-#{%M-'+m+'}-%d',
            maxDate:'%y-%M-%d'})
    })
}
$('.youxiaoqi').attr('title','有效期为'+response.data[i].exField1+'个月')

3.例子：

如果exfield=12，则日期可选范围为当前日期减12月至当前日期可选，灰色不可选

image.png image.png