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

Question

I want to get user input in form of date and time (html), turn them into proper Date objects (javascript) and store using Firebase backend. This is to take user input for a future event and do something when that exact time comes. But haven't found a convincing way to have a form or something in html.

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

In above, datetime-local is not only cumbersome but its AM/PM doesn't seem nice. Thanks.

Answer 1

Would flatpickr work for you?

Demos at https://flatpickr.js.org/examples/

Your code might look like:

 var options = { enableTime: true, dateFormat: "Ymd 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> 

Read about more events at https://flatpickr.js.org/events/