Datepicker Materializecss 禁用天功能

Question

我正在使用 materializecss 的日期选择器，我需要在我使用的其他插件中禁用除星期一以外的所有天 'daysOfWeekDisabled' 参数，但在这种情况下我必须使用 disableDayFn: function(){} 并且当我插入参数时所有日历都被禁用。这是一个例子

$('#initCourse').datepicker({
        firstDay: 1,
        minDate: new Date(),
        format: "dd.mm.yyyy",
        disableDayFn: function(){
           return disabled = '0, 2, 3, 4, 5, 6'
        }
});

有什么想法吗？提前致谢

Answer 1

这是一个有效的 example。

disableDayFn 有一个参数 date，您可以使用它来查找特定日期的每个出现次数。

disableDayFn: function(date) {
    if(date.getDay() == 1) // getDay() returns a value from 0 to 6, 1 represents Monday
        return false;
    else
        return true;
  }

Answer 2

它工作正常，但我使用另一种方式以防您需要禁用一个或多个日期

disableDayFn:function (date) {

            let disableListDate = [new Date('2018,12,5').toDateString(),new Date('2018,12,6').toDateString()];

                if(disableListDate.includes(date.toDateString())) {
                    return true
                }else{
                    return false
                }

            }

Datepicker Materializecss 禁用天功能

Datepicker Materializecss disabled days function

datepicker

materialize