3

我正在使用 pikaday，它确实是不错的日期选择器。是否有可能标记或突出某些日期？乍一看，这可以帮助用户区分“常规”日期和一些“重要”日期。

4

2 回答 2

0

events您可以向属性添加日期数组：

events 您希望与常规日期区分开来的日期数组（例如 ['Sat Jun 28 2017'、'Sun Jun 29 2017'、'Tue Jul 01 2017'、]）

https://github.com/dbushell/Pikaday#configuration

于 2018-02-27T14:12:49.837 回答
-1

另一个有效的解决方案，使用 CSS 选择器：

  [data-pika-year="2019"][data-pika-month="0"][data-pika-day="8"] {background-color: $golden-rod!important; color:#666!important}
  [data-pika-year="2019"][data-pika-month="0"][data-pika-day="9"] {background-color: $golden-rod!important; color:#666!important}
  [data-pika-year="2019"][data-pika-month="0"][data-pika-day="10"] {background-color: $golden-rod!important; color:#666!important}
  [data-pika-year="2019"][data-pika-month="0"][data-pika-day="12"] {background-color: $golden-rod!important; color:#666!important}
  [data-pika-year="2019"][data-pika-month="0"][data-pika-day="15"] {background-color: $old-rose!important; color:#FFF!important}

使用“events”属性在按钮上附加“has-event”类。从代码：

hasEvent = opts.events.indexOf(day.toDateString()) !== -1 ? true : false
...
if (opts.hasEvent) {
    arr.push('has-event');
}
于 2019-01-08T12:20:39.783 回答