【问题标题】:jquery datepicker disable specific datesjquery datepicker禁用特定日期
【发布时间】:2016-06-21 15:36:07
【问题描述】:

我正在尝试创建一个日期选择器,它会读取某个变量并禁用该变量中的该日期。

目前正在关注此文档 http://t1m0n.name/air-datepicker/docs/#example-custom-content

但我似乎不太了解 OnRenderCell: 函数

如何让它禁用特定日期,比如 2016 年 7 月 16 日

 onRenderCell: function (date, cellType) {
    if (cellType == 'month') {
        var day = date.getDay(),
            isDisabled = disabledDays.indexOf(day) != -1;

        return {
            disabled: isDisabled
        }
    }
}

【问题讨论】:

    标签: javascript jquery datepicker


    【解决方案1】:
    var disabled_months = ["2016-1-1", "2016-2-1", "2016-6-1"];
    var disabled_days   = ["2016-6-1", "2016-6-3", "2016-6-20"];
    var disabled_years  = ["2014-1-1", "2013-1-1", "2000-1-1"];
    
    $('#datepicker').datepicker({
        language: 'en',
        onRenderCell: function (date, cellType) {
            pretty_date = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
            var disabled = false
    
            if (cellType == 'month')
                disabled = disabled_months.indexOf(pretty_date) != -1
    
            else if (cellType == 'day')
                disabled = disabled_days.indexOf(pretty_date) != -1
    
            else if (cellType == 'year')
                disabled = disabled_years.indexOf(pretty_date) != -1
    
            return {disabled: disabled}
        }
    });
    

    【讨论】:

      猜你喜欢
      • 2017-07-31
      • 2012-04-02
      • 2010-10-15
      • 2015-07-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多