jquery datepicker 多个最小最大日期

Question

我在使用 jQuery 日期选择器时遇到了一些问题。我需要多个范围来选择日期。例如，用户应该能够在 (d-m-y) 2015 年 1 月 8 日和 2015 年 5 月 8 日之间选择一个范围。但也介于：16/8/2015 到 20/8/2015（在同一日历中）之间。与这些范围不匹配的日期应该是非活动的。我最终尝试了以下代码但没有成功：

    $(function() {    
    var ds = array('1-8-2015', '16-8-2015'),
        de = array('5-8-2015', '20-8-2015');

    $('#datepicker').datepicker({
        beforeShow: function() {
            return {
                dateFormat: 'd-m-yy',
                minDate: ds,                
                maxDate: de,

            }
        }
    });
});

JSFiddle 示例： JSfiddle

有什么想法吗？ 问候，西蒙

Answer 1

好吧..你可以做到..你可以使用datepicker的beforeShowDay选项，如下所示：

var d1s = new Date(2010, 8, 1),
    d1e = new Date(2010, 8, 5),
    d2s = new Date(2010, 8, 16),
    d2e = new Date(2010, 8, 20);
$(function() {
  $("#datepicker").datepicker({
    numberOfMonths: 1,
    beforeShowDay: function(date) {
      return [(date >= d1s && date <= d1e || date >= d2s && date <= d2e), ''];
    },
    minDate: d1s,
    maxDate: d2e
  });
});​

Source