动态更改 jQuery datepicker 日期颜色并禁用它们

Question

我有一个 php 函数，它返回我想在日期选择器上禁用的日期列表，并将单元格的颜色更改为红色。有什么办法可以实现吗？

Answer 1

查看Datepicker API，您可以使用 beforeShowDay 选项为特定日期设置不同的课程。

定义禁用日期：

var disabledDates = ["9-5-2011","14-5-2011","15-5-2011"];

实现一个检查日期的函数：

function unavailable(date) {
  var dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, disabledDates) < 0) {
    return [true,"",""];
  } else {
    //the second parameter you can set your css class
    return [false,"red","Day unavailable"];
  }
}

在日期选择器上分配选项：

$('#datepicker').datepicker({ 
    altField : '#hiddenFieldID',
    format: 'mm-dd-yyyy',
    changeMonth:true,
    minDate: 14,
    beforeShowDay: unavailable //here it is
});

SOURCE