WdatePicker限制时间

最新推荐文章于 2024-07-04 17:15:56 发布

youcijibi

最新推荐文章于 2024-07-04 17:15:56 发布

阅读量519

点赞数

分类专栏：每日总结 php js

本文链接：https://blog.csdn.net/youcijibi/article/details/107562082

版权

每日总结同时被 3 个专栏收录

412 篇文章 6 订阅

订阅专栏

php

232 篇文章 0 订阅

订阅专栏

68 篇文章 0 订阅

订阅专栏

1.引入js

WdatePicker.js

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>

3,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+'个月')

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