日期选择器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'
        }
});

有什么想法吗？提前谢谢。

- Sof

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

            }

- Juan Sanchez

Answer 2

这是一个运行良好的示例。

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;
  }

- LS_

---

哦！太好了！我之前尝试使用getDay来写这篇文章，但插件显示出错，说这个函数未定义，但现在它完美地工作了！非常感谢你！ - Sof