推荐开源项目：Calendar.js - 简洁而强大的JavaScript日历库
// 引入Calendar.js库
<script src="path/to/calendar.js"></script>
// 创建一个日历实例，并绑定到DOM元素
<div id="myCalendar"></div>
<script>
var calendar = new Calendar({
element: document.getElementById('myCalendar'), // 绑定的DOM元素
type: 'date', // 日历类型：日期选择
weekStart: 1, // 一周开始于星期一
format: 'YYYY-MM-DD' // 日期格式化字符串
});
</script>这个例子展示了如何创建一个基本的日期选择日历，并将其绑定到页面上的一个div元素。通过设置type为'date'，用户可以选择一个日期。weekStart属性设置为1，表示一周从星期一开始，format属性定义了日期的输出格式。这个例子简洁地展示了如何使用Calendar.js库创建一个实用的日历组件。
评论已关闭