TA貢獻1806條經驗 獲得超8個贊
您可以使用Sweet Alert做非常定制的事情。
日期輸入示例：
const {
value: formValue
} = await Swal.fire({
title: 'Select a date',
html: '<input type="date" id="swal-input" class="swal2-input">',
focusConfirm: false,
allowOutsideClick: false,
preConfirm: () => {
return document.getElementById('swal-input').value;
}
})
運行此命令的結果將是在屏幕中央彈出一個帶有日期輸入框的窗口：
選定的日期將存儲在名為 的變量中formValue。
為了快速開始，您可以在 HTML 的開頭包含此腳本：
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
TA貢獻1873條經驗 獲得超9個贊
如果我了解您的需求，我認為您可以使用 jQuery datepicker https://jqueryui.com/datepicker/#default
如果您希望日歷內聯，您也可以這樣做 https://jqueryui.com/datepicker/#inline
源代碼位于頁面底部。
舉報