Datepicker Materializecss禁用日期功能

时间:2018-07-06 07:57:57

标签: datepicker materialize

我正在使用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'
        }
});

有什么主意吗?预先感谢

2 个答案:

答案 0 :(得分: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;
  }

答案 1 :(得分: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
                }

            }