javascript - Jquery UI DatePicker 限制日期集

Question

我正在为酒店域项目开发 Jquery-UI Datepicker。基本上酒店有一些套餐/优惠在某些日期期间无效。该持续时间来自数据库。在这些日期之间，用户无法从 Jquery-UI 日历中选择预订日期。我不知道如何实现这个。

$(".calendar").datepicker({
    dateFormat: 'dd/mm/yy',
    minDate:0
});
/* an array of days which are not applicable for packages/offers Booking */
var disabledDays = ["10-25-2015","10-26-2015","10-27-2015","10-28-2015","11-3-2015","11-4-2015","11-5-2015","11-20-2015","11-21-2015","11-22-2015","12-12-2015","12-13-2015"];

/* utility functions */
function getBookedDays(date) {
    var m = date.getMonth();
    var d = date.getDate();
    var y = date.getFullYear();
    //
}

http://jsfiddle.net/ANJYR/34yfb2zs/1/

当日历打开时，用户无法选择2015年10月25日至2015年10月28日之间的日期。

Answer 1

你可以这样尝试:

$('.calendar').datepicker({
    beforeShowDay: function(date){
        var str = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [ disabledDays.indexOf(str) == -1 ]
    }
});

<强> JSFIDDLE DEMO