首页 > 解决方案 > 禁用特定输入字段的特定日期

问题描述

我想为日期选择器日历的特定输入字段禁用一些数组日期。但是这些日期不会在该特定输入字段的日历中禁用。

html

 <input class="form-control time_slot_searchField" id="datepicker" name="" type="text"  required="" style="">
<input class="form-control" id="patient_email" type="email" placeholder="Email" name="patient_email">
<input class="form-control" id="patient_name" type="text" placeholder="Full Name" name="patient_name">

脚本

var exclude = ["2019-06-14","2019-06-15","2019-06-16"]

                $('input').datepicker({
                    beforeShowDay: function(date){
                        var day = jQuery.datepicker.formatDate('yy-mm-dd', date);
                        return [ exclude.indexOf(day) == -1 ]
                    }
                });

此日期禁用脚本应用于所有输入字段。

但我只想将脚本应用于 id#datepicker输入字段。

这就是为什么我使用 $('input #datepicker').datepicker而不是$('input').datepicker

但不起作用。

如何仅应用该 iddatepicker输入字段的禁用日期。

有人帮忙吗?提前致谢。

标签: javascriptjquery

解决方案


$(function() {
$( "#datepicker" ).datepicker(
{
    beforeShowDay: function(d) {
        var day = d.getDay();
        return [(day != 0 && day != 3)];
    }
});

});

这里之前显示日期功能将限制特定日期。


推荐阅读