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

Question

我想以日期和时间 (html) 的形式获取用户输入，将它们转换为正确的日期对象 (javascript) 并使用 Firebase 后端进行存储。这是为了获取用户对 future 事件的输入，并在确切的时间到来时执行某些操作。但还没有找到一种令人信服的方法来在 html 中创建表单或其他内容。

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

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

Answer 1

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/