使用jQuery UI日期选择器自定义范围内的特定禁用日期

韦斯利, 我查看了您的需求,并查看了您需要的需求,我认为这也是我需要的,因为它本身有点独特,所以我研究了代码并做出了您想要的。我正在粘贴下面的代码,并对其进行一些解释:-

以下是Jquery代码:-

var disabledDates = [
    '2015-05-06',
    '2015-05-08'
];

$('input').datepicker({
    minDate: '4/30/2015',
    maxDate: '10/1/2015',
    beforeShowDay: function(date){
         var str = jQuery.datepicker.formatDate('yy-mm-dd', date);
         var minDateArr = $(this).datepicker( "option", "minDate" ).split('/')

        var minDate = new Date(minDateArr[2],minDateArr[0]-1,minDateArr[1]); //Don't remove the -1 from minDateArr[0]-1 as the Javascript dates starts with 0.
        if ($.inArray(str, disabledDates) != -1){
            return  [false, 'special']
        }
        else if(date < minDate ){
             return [false, 'not-special']
        }
        else{
            return [true,"special"];
        }
    }
});

CSS中的一些操作:-

.special span {
    color: red !important; /* should only apply to may 6 and 8 */
}
.not-special span {
    color: green !important; 
}

最重要的是必须有一个输入标签:-

<input>

同样,以下是Js Fiddle链接:- http://jsfiddle.net/ckk6hzzu/

希望这是您所需要的,并希望这将帮助其他人在预订/预订网站时使用。