在 720kb 日历上突出显示日期

Posted

技术标签:

【中文标题】在 720kb 日历上突出显示日期【英文标题】:Highlighting days on 720kb calendar 【发布时间】:2021-05-03 11:34:56 【问题描述】:

我正在使用 AngularJS 和 720kb 日期选择器 (Link)

我想知道是否可以在日历上突出显示某些日子(例如,使 ._720kb-datepicker-calendar-day 背景:红色)。像这样:

我知道您可以设置 datepicker-class="" 但这并没有多大帮助,因为这不是针对个别日子的课程。有什么解决方法吗?

【问题讨论】:

【参考方案1】:

查看 lib 的现场演示,最简单的方法是在 javascript 中计算天数。应该是这样的:

const calendarDays = document.querySelectorAll('._720kb-datepicker-calendar-day:not(._720kb-datepicker-disabled)');
const desiredDayOfMonth = 7;

calendarDays[desiredDayOfMonth-1].style.background = 'red';

也许不是最优雅的方式,但它确实有效。

【讨论】:

以上是关于在 720kb 日历上突出显示日期的主要内容,如果未能解决你的问题,请参考以下文章

基于数据库选择在 ajax 日历控件中突出显示/禁用特定日期

在 jQuery 日历中突出显示数据库中的日期

使用完整日历突出显示所有月份的特定日期

如何根据事件以不同颜色突出显示日历中的日期?

JQuery DatePicker,如何突出显示当前输入的日期?

样式化日期选择器:突出显示特定日期