jquery ui Datepicker 中为星期添加颜色

本文主要是介绍jquery ui Datepicker 中为星期添加颜色，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

//休息日列表
var holidays = ['2021-12-05', '2021-12-13', '2021-02-11', '2021-03-21', '2021-04-29', '2021-05-03', '2021-05-04', '2021-05-05', '2021-07-21', '2021-09-15', '2021-09-23', '2021-10-13', '2021-11-03', '2021-11-23', '2014-12-23', '2014-12-24'];$('#Date').datepicker({                       // 星期六和星期日变更颜色
beforeShowDay: function(date) {
for (var i = 0; i < holidays.length; i++) {
var holiday = new Date();
holiday.setTime(Date.parse(holidays[i]));   // 将节假日转换为日期类型if (holiday.getYear() == date.getYear() &&  // 法定假日判断
holiday.getMonth() == date.getMonth() &&
holiday.getDate() == date.getDate()) {
return [true, 'class-holiday', '节假日'];
}
}if (date.getDay() == 0) {                     // 星期天
return [true, 'class-sunday', '星期天'];
} else if (date.getDay() == 6) {              // 星期六
return [true, 'class-saturday', '星期六'];
} else {                                      // 工作日
return [true, 'class-weekday', '工作日'];
}
}
});/* 背景 文字上色 */
.class-holiday > .ui-state-default {
background: #FFFFCC !important;
color: red !important;
}
.class-sunday > .ui-state-default {
background: #FFCCCC !important;
color: red !important;
}
.class-saturday > .ui-state-default {
background: #CCCCFF !important;
color: blue !important;
}

这篇关于jquery ui Datepicker 中为星期添加颜色的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---