如何在 Pikaday 中更改某些日子的 CSS？

Question

我想在 Pikaday 中更改某天对象的颜色，而不禁用任何功能。或者用徽章指定它们。

Answer 1

加载 pikaday 后，通过在 style-sheet 中声明来覆盖特定颜色。例如

.is-today .pika-button {
   color: mediumpurple !important; /* default is #33aaff */
}

您可以通过打开 Chrome 的开发工具并删除 is-hidden

来调整样式

<div class="pika-single is-bound left-aligned bottom-aligned is-hidden">

您还可以使用 JavaScript 为特定日期应用一些样式，例如11号.

document.querySelector('button[data-pika-day="11"]').style.background = 'green';

如果您想使用 JS 方法将样式应用于一周中的特定一天，例如星期一，给定你的日历周统计数据是星期一而不是星期日：

document.querySelectorAll('tr[class="pika-row"]').forEach(tr => { if(!tr.children[0].classList.contains('is-empty')) {
   tr.children[0].firstElementChild.style.background = 'green';
} })

如何在 Pikaday 中更改某些日子的 CSS？

How to change the CSS of some days in Pikaday?

javascript

pikaday