要在calendar.js
中添加節(jié)日標(biāo)記,您需要遵循以下步驟:
首先,確保您已經(jīng)在項(xiàng)目中包含了calendar.js
庫(kù)。您可以從官方網(wǎng)站(https://github.com/nektro/calendarjs)下載或使用CDN鏈接。
在您的JavaScript代碼中,創(chuàng)建一個(gè)新的Calendar
實(shí)例。例如:
const calendarEl = document.getElementById('calendar');
const calendar = new Calendar(calendarEl, {
// 配置選項(xiàng)
});
calendar.js
提供的API,添加一個(gè)事件到日歷中。您可以使用addEvents
方法來(lái)添加多個(gè)事件:calendar.addEvents([
{
title: '節(jié)日1',
start: '2022-01-01',
end: '2022-01-01',
allDay: true,
color: 'red', // 您可以為節(jié)日設(shè)置自定義顏色
borderColor: 'black', // 您可以為節(jié)日設(shè)置自定義邊框顏色
},
{
title: '節(jié)日2',
start: '2022-12-25',
end: '2022-12-25',
allDay: true,
color: 'green',
borderColor: 'black',
},
]);
calendar.render();
現(xiàn)在,您的日歷應(yīng)該顯示了添加的節(jié)日標(biāo)記。您可以根據(jù)需要自定義節(jié)日的顏色、邊框顏色等屬性。更多關(guān)于calendar.js
的信息和示例,請(qǐng)參考官方文檔(https://calendarjs.org/docs/)。