javascript - Bootstrap - 日期选择器/禁用数组中的特定日期

Question

我有一个包含日期的数组。我想循环这个数组并禁用日期选择器控件中的可选日期。 我需要在 beforeShowDay 参数中执行此操作!

这是我的代码:

var datesForDisable = ["25-01-2017", "26-01-2017", "27-01-2017"]

$("#holidayDateFrom").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            weekStart: 1,
            calendarWeeks: true,
            todayHighlight: true,
            //datesDisabled: datesForDisable,
            //daysOfWeekDisabled: [0, 6],

            beforeShowDay: function (currentDate) {
                var dayNr = currentDate.getDay();

                if (dayNr == 6) {//This works
                    return false;
                }

                if (dayNr == 0) {//This works
                    return false;
                }



                     // This dosnt works..
                        var dateNr = moment(currentDate.getDate()).format("DD-MM-YYYY");
                        if (datesForDisable.length > 0) {
                            for (var i = 0; i < datesForDisable.length; i++) {
                                var date = new Date(datesForDisable[i]);
                                if (date == dateNr) {
                                    return false;
                               }
                            }
                        }
                        return true;
                    }
                })

如何做到这一点？之前谢谢您!

Answer 1

datesDisabled: datesForDisable

我不知道你为什么评论这个选项。根据您的问题，此选项提供了您正在寻找的相同内容。看看:

http://jsfiddle.net/CxNNh/4056/

它对我来说非常有效

var datesForDisable = ["03-04-2019", "03-09-2019", "03-15-2019"];

   $(document).ready(function () {
        $('.datepicker').datepicker({

            multidate: true,
            format: 'mm-dd-yyyy',
            todayHighlight: false,
            datesDisabled: datesForDisable,
            multidateSeparator: ',  ',
            templates : {
                leftArrow: '<i class="fi-arrow-left"></i>',
                rightArrow: '<i class="fi-arrow-right"></i>'
            }
        });
    });