Question

我希望有些日子可以用“事件”以外的类别标记（例如：“假期”），所以我可以改变它的背景，例如。

来自CLNDR.js的网站（http://kylestetz.github.io/CLNDR/）：

CLNDR获取您的模板并将一些数据注入其中。数据包含创建日历所需的一切。这是你得到的：

daysOfTheWeek: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
numberOfRows: 5,
days: [
  {
    day: '1',
    classes: 'day today event',
    id: 'calendar-day-2013-09-01',
    events: [ ],
    date: moment('2013-09-01')
  }
]
month: 'September',
year: '2013',
eventsThisMonth: [ ],
extras: { }

我已经尝试将假期添加到这个“days”数组中：

  {
    day: '25',
    classes: '**holiday** day today event',
    id: 'calendar-day-2013-12-25',
    events: [ ],
    date: moment('2013-12-25')
  }

但没有成功

我的代码：

$('#clndr').clndr({
  template: $('#template').html(),
  clickEvents: {...},
  startWithMonth: ...,
  daysOfTheWeek: [...],
  days: [
    { 
      day: '25',
      classes: 'holiday calendar-day-2014-12-25',
      events: [],
      date: moment('2014-12-25')
     }
  ]
});

Answer 1

然后，您应该定义类型为假日的事件，并在模板中添加一个类，当一天有假日事件时。这里clndr.js开发人员已经解释了如何做到这一点：

https://github.com/kylestetz/CLNDR/issues/6

CLNDR.js上的自定义类

1 个答案: