动态更改 jQuery 日期选择器日期颜色并禁用它们

Question

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

Answer 1

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

定义要禁用的日期：

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

动态更改 jQuery 日期选择器日期颜色并禁用它们

Dynamically change jQuery datepicker date colours and disable them

javascript

php

jquery

jquery-ui

datepicker