Jquery 如何禁用日期选择器日历中的特定日期

我需要在JQuery-Bootstrap Datepicker的一个月内禁用多个日期。 正如我在这里尝试了多个答案一样。但我的问题没有解决。 因为我有一个日期列表，所以我需要禁用OverDatePicker。但是，datepicker没有以日期障碍作为回应

我曾经使用JQuery和boostrap来查看Datepicker。使用CDN加载脚本。

执行此脚本后，我收到一个与.formDate相关的错误 未捕获的TypeError:无法读取未定义的属性“formatDate”

但添加后：在JQuery CDN之后，此错误已得到解决，但禁用日期仍然不起作用

预期：禁用日期选择器：2019年9月14日、2019年9月15日、2019年9月16日。

您需要添加jquery-ui.min.js和jquery-ui.css

变量数组=[2019-09-142019-09-152019-09-16] $'doi'。日期选择器{ beforeShowDay:functiondate{ var string=jQuery.datepicker.formatDate'yy-mm-dd'，date； 返回[array.indexOfstring==-1] } }; 请尝试下面的引导日期选择器解决方案。不要两者都混淆。从jQuery.datepicker.formatDate'mm/dd/yy'，date很明显，您正在尝试使用jQuery datepicker

var datesForDisable=[2019-09-142019-09-152019-09-16] $datepicker.datepicker{ 格式：“dd/mm/yyyy”， 自动关闭：是的， 周开始：1， 日历周：是的， 今天的亮点：没错， beforeShowDay:函数currentDate{ var dayNr=currentDate.getDay； var dateNr=momentcurrentDate.getDate.formatDD-MM-YYYY； 如果datesForDisable.length>0{ 对于变量i=0；i在为这个问题做了大量的工作和搜索之后，我会得到我的答案。 使用JQuery CDN：

这里，datesDisabled：对我来说起着至关重要的作用。

---

感谢您的建议和回复。

@nithin_kumar很乐意为您提供帮助，请不要忘记将回复标记为已接受，以便向未来的访客说明@Ninjin Koderi感谢您的回复。但这也不起作用。因为我正在使用bootstrap-datepicker.min.js进行样式设置和其他功能。在包含了所有的cdn和脚本内容之后，我的日期选择器变为常量，既不放置任何错误也不禁用日期。那么为什么您将上面的内容作为jquery日期选择器？因为我使用：这是用于jquery的，对吗？不适用于日期选择器。如果使用引导，请添加bootstrap-datepicker.min.js和bootstrap-datepicker.css，然后try@NijinKoderi谢谢但仍然重复着同样的错误。索引：10996未捕获类型错误：无法读取的属性“formatDate”undefined@nithinjQuery.datepicker.formatDate不适用于引导，它适用于jQuerydatepicker@nithin试试我的新解决方案。Jquery Datepicker的第一个解决方案和第二个解决方案是bootstrap Datepicker，感谢您的支持伙伴。！！：我得到了预期的结果。哈哈！乐于助人，别忘了将回复标记为已接受，以便向未来的访客说明；当然，我会的。因为名声不好。我现在记不清。

<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i></div>
<input value="" readonly="" class="form-control" name="doi" id="doi" type="text">
</div>

<script type='text/javascript'>
var array = ["09/14/2019","09/15/2019","09/16/2019"];

$('#doi').datepicker({
 beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('mm/dd/yy', date);
        return [ array.indexOf(string) == -1 ]
    },
    daysOfWeekDisabled: [0],   //Disable sunday
    autoclose:true,
})  ;
  </script>

var datearray = ["09/14/2019","09/15/2019","09/16/2019"];
$('#doi').datepicker({
    format: 'mm/dd/yyyy',       
    datesDisabled: datearray,
    daysOfWeekDisabled: [0],   //Disable sunday
    autoclose:true,
    todayHighlight: true,
});