使用 DeskyCalendar 提升您的日期選擇：Vanilla JS 解決方案

想要在沒有絨毛的情況下增強您的形狀？來認識 DeskyCalendar，這是一個用純原生 JavaScript 製作的極簡、響應式日期選擇器。它旨在為您的日期選擇過程添加風格和功能，而不會給您的項目帶來壓力。

演示和項目頁面

示範頁面 -> https://danruggi.github.io/datepicker/
專案連結-> https://github.com/danruggi/datepicker

主要特點

？完全響應式：在任何裝置上看起來都很棒——日曆不再被壓扁。
？雙/單格式：輕鬆選擇單一日期或範圍。
？新增“任意日期”選項：允許使用者自由選擇任意日期，非常適合過濾器和報告。
？停用日期：防止選擇過去或未來的日期，讓一切都在檢查中。
？單擊時執行外部函數：想要在選擇日期時觸發自訂操作嗎？簡單易行！
快速設定

1.內含CSS和JS

只需將這些連結放入您的 HTML 中即可：

2. 加入您的意見

建立輸入欄位：

3. 初始化日曆

使用簡單的 JavaScript 行設定：

new DeskyCalendar({'myID': {}});

最少的例子

兩列

輕鬆切換到雙日期選擇：

new DeskyCalendar({'calendar_date_selector1': {mode: "double"}});

禁用日期

想要限制日期嗎？只要加入

const d = new Date();
new DeskyCalendar({'calendar_date_selector2': {disableBefore: d}});
結論

DeskyCalendar 只需幾行程式碼，即可滿足您的日期選擇需求，同時又輕量且高效。是時候用這個優雅的解決方案來升級您的表單了。快樂編碼！

以上是使用 DeskyCalendar 提升您的日期選擇：Vanilla JS 解決方案的詳細內容。更多資訊請關注PHP中文網其他相關文章！