Javascript 提示对话框自定义输入

Question

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

Answer 1

您可以使用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>

Answer 2

如果我了解您的需求，我认为您可以使用 jQuery datepicker https://jqueryui.com/datepicker/#default

如果您希望日历内联，您也可以这样做 https://jqueryui.com/datepicker/#inline

源代码位于页面底部。