在Datepicker中禁用天数

我试图禁用日历的某些日子,但我不能。

我正在使用这个日期选择器https://github.com/eternicode/bootstrap-datepicker/blob/master/docs/index.rst 。

我拥有的javascript代码就是这样,除了你要禁用的日子外,我所需要的只是我需要的工作。

var disabledDays = ['11/29/2013', '11/27/2013', '11/28/2013']; function daysDisabled(date) { for (var i = 0; i < disabledDays.length; i++) { if (new Date(disabledDays[i]).toString() == date.toString()) { return [false, '']; } } return [true, '']; } $('.datepicker').datepicker({ format: 'dd-mm-yyyy', todayHighlight: true, autoclose: true, weekStart: 1, startDate: '0d', language: 'es', beforeShowDay: daysDisabled }) 

只需像这样修改你的function:

 function daysDisabled(date) { for (var i = 0; i < disabledDays.length; i++) { if (new Date(disabledDays[i]).toString() == date.toString()) { return false; } } return true; } 

为你创造了小提琴。

工作小提琴

 function initComponent(){ /* Date retrait */ $("#dateRetrait").datepicker({ dateFormat: 'dd-mm-yy', minDate: new Date(), beforeShowDay: function(d) { var dmy = (d.getMonth()+1); if(d.getMonth()<9) dmy="0"+dmy; dmy+= "-"; if(d.getDate()<10) dmy+="0"; dmy+=d.getDate() + "-" + d.getFullYear(); console.log(dmy+' : '+($.inArray(dmy, disbleddates))); if ($.inArray(dmy, disbleddates) != -1) { return [false, "","Available"]; } else{ return [true,"","unAvailable"]; } } });