Question

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

下面是我将要使用的示例数组。

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"]

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

Answer 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/

将Bootstrap日期选择器上除某些日期以外的所有日期灰显

1 个答案: