jQuery Canlendar是一款基于jQuery開發的日歷插件，它能夠快速地在網頁上創建交互式的日歷。
使用jQuery Canlendar非常方便。我們只需要引入jQuery和jQuery Canlendar的代碼，然后在HTML中創建一個空的div元素，就可以在這個div中生成一個日歷：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-calendar@4.0.0/dist/jquery.calendar.min.js"></script>
</head>
<body>
<div id="calendar-container"></div>
<script>
$('#calendar-container').calendar();
</script>
</body>
</html>此時，在瀏覽器中打開該頁面，就能看到一個基本的日歷了。
我們可以通過配置選項，來自定義日歷的顯示。比如，我們可以設置日歷的起始日期、語言、主題、節日等：
$('#calendar-container').calendar({
start: new Date(2021, 0, 1), // 設置日歷的起始日期為2021年1月1日
language: 'zh-CN', // 設置日歷的顯示語言為中文
theme: 'light', // 設置日歷的主題為淺色
holidays: { // 自定義節日
'2021-10-01': '國慶節',
'2021-10-02': '國慶節',
'2021-10-03': '國慶節',
'2021-10-04': '國慶節',
'2021-10-05': '國慶節',
'2021-10-06': '國慶節',
'2021-10-07': '國慶節',
}
});jQuery Canlendar還提供了豐富的API接口，可以讓我們通過JavaScript來操作日歷。比如，我們可以動態地改變日歷的日期、范圍、視圖等：
$('#calendar-container').calendar('set date', new Date(2022, 0, 1)); // 動態設置日歷的日期為2022年1月1日
$('#calendar-container').calendar('set range start', new Date(2022, 0, 1)); // 動態設置日歷的起始日期為2022年1月1日
$('#calendar-container').calendar('set view', 'month'); // 動態設置日歷的視圖為月視圖總之，jQuery Canlendar是一個非常優秀的日歷插件，它可以讓我們快速地在網頁中創建交互式的日歷，同時又提供了豐富的配置選項和API接口，讓我們能夠自定義日歷的顯示和操作。
上一篇取消加粗css