Question

尝试禁用materializeCSS datepicker中的某些特定日期，但无法实现此功能。

Answer 1

Materialisecss datepicker只是pickadate.js的包装

所以你可以这样做：

$('.datepicker').pickadate({
  disable: [
    new Date(2015,3,13),
    new Date(2015,3,29)
  ]
})

您可以在此处详细了解：http://amsul.ca/pickadate.js/date/#disable-dates

Answer 2

这是一个如何接收允许日期的JSON并在时间戳中显示它们的示例。

pd.Series(arr).value_counts().sort_index()
Out: 
0     855
1     800
2     856
3     825
4     847
5     835
6     790
7     847
8     834
9     850
10    806
11    855
dtype: int64

Answer 3

JavaScript Vanilla 在“物化-日期选择器”中禁用一个或多个特定日期

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

Answer 4

var iptalTarih = ['04/18/2019', '05/20/2019']; // Your Dates Here in 'mm/dd/yyyy'

function disableDates(iptalTarih) {
    for (var i = 0; i < iptalTarih.length; i++) {
            var 
            fullDisabledDate    = new Date(iptalTarih[i]),
            getDisabledMonth    = fullDisabledDate.getMonth(),
            getDisabledDay      = fullDisabledDate.getDate(),
            getDisabledYear     = fullDisabledDate.getFullYear();

            $('.datepicker-modal.open').find('button.datepicker-day-button[data-year="'+getDisabledYear+'"][data-month="'+getDisabledMonth+'"][data-day="'+getDisabledDay+'"]').parent('td').addClass('is-disabled');

    }
}

以及初始化日期选择器的位置：

    $('.datepicker').datepicker({
        // ... some your settings
        format          : 'mm/dd/yyyy',
        onDraw          : function() {disableDates(iptalTarih);}
        onOpen          : function() {setTimeout(function() {disableDates(iptalTarih)},300)},
    })

如何在MaterialiseCSS datepicker中禁用特定日期

4 个答案: