Javascript 提示对话框自定义输入

Question

我想在javascript的提示对话框中有一个这样的字段，这样用户就可以快速选择一个日期

该输入字段应如下所示

Answer 1

您可以使用Sweet Alert做非常定制的事情。日期输入示例：const {&nbsp; value: formValue} = await Swal.fire({&nbsp; title: 'Select a date',&nbsp; html: '<input type="date" id="swal-input" class="swal2-input">',&nbsp; focusConfirm: false,&nbsp; allowOutsideClick: false,&nbsp; preConfirm: () => {&nbsp; &nbsp; return document.getElementById('swal-input').value;&nbsp; }})运行此命令的结果将是在屏幕中央弹出一个带有日期输入框的窗口：选定的日期将存储在名为 的变量中formValue。安装说明为了快速开始，您可以在 HTML 的开头包含此脚本：&nbsp;<script&nbsp;src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

Answer 2

如果我了解您的需求，我认为您可以使用 jQuery datepicker&nbsp;https://jqueryui.com/datepicker/#default如果您希望日历内联，您也可以这样做&nbsp;https://jqueryui.com/datepicker/#inline源代码位于页面底部。