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

时间:2015-01-31 22:55:03

标签: javascript php jquery jquery-ui datepicker

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

1 个答案:

答案 0 :(得分:0)

查看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').datepicker({ 
    altField : '#hiddenFieldID',
    format: 'mm-dd-yyyy',
    changeMonth:true,
    minDate: 14,
    beforeShowDay: unavailable //here it is
});

SOURCE