Datepicker Materializecss 禁用天数功能答案

【问题标题】：Datepicker Materializecss disabled days functionDatepicker Materializecss 禁用天数功能
【发布时间】：2018-07-06 07:57:57
【问题描述】：

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

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

有什么想法吗？提前致谢

【问题讨论】：

标签： datepicker materialize

【解决方案1】：

效果很好，但如果您需要禁用一个或多个日期，我会使用另一种方法

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
                }

            }

【讨论】：

【解决方案2】：

这是一个有效的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;
  }

【讨论】：

哦！伟大的！我之前尝试使用 getDay 来写这篇文章，但插件向我显示了一个错误，即该函数未定义但现在可以完美运行！非常感谢！