引导日期选择器配置来阻止特定的日期（节假日）

有没有人想过如何配置datepicker不显示特定的日期（例如说，7月4日）？这似乎可以使用beforeShowDay完成，但我不积极。引导日期选择器配置来阻止特定的日期（节假日）

2014-12-24 Scott C Wilson

//a array of dates that should be blocked 
var forbidden=['12/25/2014','12/24/2014'] 

$('#datepicker').datepicker({ 
    beforeShowDay:function(Date){ 
     // 
     var curr_day = Date.getDate(); 
     var curr_month = Date.getMonth()+1; 
     var curr_year = Date.getFullYear();   
     var curr_date=curr_month+'/'+curr_day+'/'+curr_year;   

     if (forbidden.indexOf(curr_date)>-1) return false;   
    } 
})

OR：

http://jsfiddle.net/zsqvjvkd/1/

var forbidden=['2014-12-25','2014-12-24'] 

$('#datepicker').datepicker({ 
    beforeShowDay:function(Date){ 
     var curr_date = Date.toJSON().substring(0,10); 

     if (forbidden.indexOf(curr_date)>-1) return false;   
    } 
})

来源

2014-12-25 13:56:41 dm4web

之前的beforeShowDay功能我还添加了'daysOfWeekDisabled：“0”，'以阻止星期日。 –

使用版本1.3.1+，您可以简单地使用'datesDisabled'选项：http://bootstrap-datepicker.readthedocs.org/en/latest/options.html#datesdisabled –

随着版本1.3.1+，你可以简单地使用datesDisabled选项：http://bootstrap-datepicker.readthedocs.org/en/latest/options.html#datesdisabled

来源

2015-05-25 23:26:30

另请参阅：http://stackoverflow.com/questions/10234153/limit-bootstrap-datepicker-to-weekdays-only –

快速提问和操作方法：我们只能将背景颜色更改为某些值，以便在选择日期时仅向用户发出警告。 – Anupal

使用此下面的代码从Twitter的引导的DatePicker禁用日期：你必须使用时刻，只是包括moment.js：

var disabledDates = ['2018-01-07', '2018-01-27'] 

beforeShowDay: function (Date) {   
    $('#datepicker').datepicker({ 
     var date = moment(Date).format('YYYY-MM-DD'); 
     if (disabledDates.indexOf(curr_date) > -1) return false; 
    }); 
},

来源

2018-01-23 15:40:35

引导日期选择器配置来阻止特定的日期（节假日）

回答

相关问题