在jQuery中禁用特定日期datepicker不能很好地工作

Question

我想在datepicker日历中禁用数组的某些日期。 但是这些日期在日历中没有禁用。 我已经包含了日历所需的所有jQuery文件。

脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

HTML

 <input class="form-control time_slot_searchField" id="datepicker" name="" type="text"  required="" style="">

禁用日期数组的脚本

$('#datepicker').datepicker({
                  beforeShowDay: function(date) {
                    var day = jQuery.datepicker.formatDate('dd-mm-yy', date);
                    return [!~$.inArray(day, exclude) && (date.getDay() != 0)];
                  }
                });

问题出在哪儿。 有冲突吗？

有人帮忙吗？ 提前致谢

Answer 1

你的代码在return [!~$.inArray(day, exclude) && (date.getDay() != 0)];有错误return [!~$.inArray(day, exclude) && (date.getDay() != 0)];

将您的代码更改为

 var day = jQuery.datepicker.formatDate('yy-mm-dd', date);
 return [ exclude.indexOf(day) == -1 ]

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

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <input class="form-control time_slot_searchField" id="datepicker" name="" type="text" required="" style="">