在 Bootstrap 日期选择器上显示除某些日期以外的所有日期答案

【问题标题】：Gray out all but certain dates on Bootstrap datepicker在 Bootstrap 日期选择器上显示除某些日期以外的所有日期
【发布时间】：2019-04-18 12:58:20
【问题描述】：

我正在设置一个日期选择器，但我只希望用户能够从我填充的预定日期数组中选择日期。这些是相关事件发生的日期。数组之外的其他日期没有发生任何事情。

下面是我想要的示例数组。

dateArr = ["2015-10-27", "2015-10-29", "2015-11-10", "2016-11-30", "2016-12-07", "2017-06-29", "2017-06-30", "2017-10-23", "2017-12-13", "2018-03-27", "2018-03-29", "2018-03-30", "2018-03-31", "2018-04-02", "2018-04-07", "2018-04-08", "2018-04-09"]

我查看了其他示例，但似乎没有一个可以做我想做的事情。数组日期将是可选的，其余的将显示为灰色。

【问题讨论】：

Bootstrap Datepicker restrict available dates to be selected的可能重复

标签： javascript html datepicker

【解决方案1】：

试试下面的 Jquery 代码：

HTML 代码：

<div id="datepicker"></div>

jQuery 代码：

jQuery(function(){

    var enableDays = ["7-8-2019", "13-8-2019"];

    function enableAllTheseDays(date) {
        var sdate = $.datepicker.formatDate( 'd-m-yy', date)
        console.log(sdate)
        if($.inArray(sdate, enableDays) != -1) {
            return [true];
        }
        return [false];
    }

    $('#datepicker').datepicker({dateFormat: 'dd-mm-yy', beforeShowDay: enableAllTheseDays});
});

JFiddle 代码在这里：

http://jsfiddle.net/qampw1n5/

【讨论】：