突出显示Angular UI DatePicker中的特定日期

Question

我正在使用angular-ui datepicker指令,需要使用彩色文本呈现一些日期.我已经使用beforeShowDay事件找到了bootstrap datepicker的示例,但是找不到angular-ui datepicker的内容.我对angular和angular-ui相当新,并且会感激任何建议.

Answer 1

如果您仍然对此感兴趣，那么我现在也正在解决这个问题，这里是我想到的可能解决方案的概述：

1. 使用 ng-change 事件处理程序获取当前年份和月份
2. 设置年份和月份的格式，使其在月初的中午 12 点
3. 选择该月包含数据库中事件的日期（对于 MySQL，类似于： SELECT DAYOFMONTH(eventDate) FROM eventTable WHERE eventDate >= date AND eventDate <= date + INTERVAL 1 MONTH
4. 将此数组传递给 JavaScript 函数并创建一个逆数组，使得当 x 属于从步骤 3 返回的数字（日期）时，day[x] 为 true；当 y 是不在数组中的数字时，day[y] 为 false。大批。
5. 将步骤 4 中的数组传递给 datepicker 指令（假设存储为 eventfulDays）
6. 使用 ng-class="{'highlight':eventfulDays[x]==true}" 来突出显示它。

还没有尝试过，但可能很快就会实施！