阅读量:0
calendar.js是一个用于处理日期选择的JavaScript库。要使用它，首先需要在HTML文件中引入calendar.js文件，然后创建一个日历实例并设置相关选项。以下是一个简单的示例：
- 在HTML文件中引入
calendar.js文件：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calendar Example</title> </head> <body> <input type="text" id="calendar" /> <script src="path/to/calendar.js"></script> <script src="script.js"></script> </body> </html> - 在
script.js文件中创建一个日历实例并设置相关选项：
document.addEventListener('DOMContentLoaded', function () { var calendarEl = document.getElementById('calendar'); var calendar = new Calendar(calendarEl, { initialView: 'dayGridMonth', locale: 'zh-cn', events: [ { title: '事件1', start: '2022-08-01' }, { title: '事件2', start: '2022-08-07', end: '2022-08-10' } ], dateClick: function (info) { alert('选中的日期：' + info.dateStr); } }); calendar.render(); }); 在这个示例中，我们创建了一个日历实例，设置了初始视图为dayGridMonth（月视图），使用中文本地化，并添加了一些事件。当用户点击日期时，会弹出一个提示框显示选中的日期。
你可以根据需要自定义calendar.js的选项和行为。更多关于calendar.js的信息和示例，可以查阅官方文档：https://github.com/kenwheeler/calendar。
