javascript - 用html(来自用户)输入日期和时间并用Javascript接收日期和时间的最佳方法是什么？

我想获取日期和时间（html）形式的用户输入，将它们转换为正确的Date对象（javascript），然后使用Firebase后端进行存储。这是为了接受用户对未来事件的输入，并在该确切时间到来时执行一些操作。但是还没有找到一种令人信服的方式来在html中使用表格或其他内容。

<input type="datetime-local" name="e">

在上面，datetime-local不仅麻烦，而且其AM / PM看起来也不好。
谢谢。

最佳答案

Flatpickr对您有用吗？

https://flatpickr.js.org/examples/上的演示

您的代码可能如下所示：

var options = {
    enableTime: true,
    dateFormat: "Y-m-d H:i",
    onChange: function(selectedDates, dateStr, instance) {
        alert("dates: " + selectedDates + " - dateStr: " + dateStr + " instance: " + instance);
    },
};
flatpickr(document.querySelector("#widget"), options);

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<div id="widget">Click this to edit time</div>

在https://flatpickr.js.org/events/上了解更多事件