ASP.NET MVC 日期时间选择器 - 好一个

Question

我已经搜索了一个小时了，但我似乎找不到一个好的 ASP.NET MVC 的 DateTimePicker，让我强调一下，我需要一个 DateTimePicker 而不是 DatePicker。换句话说，在选择日期时，它还应该有一个时间(小时、分钟、秒(可供选择。我宁愿它是一个金块。我使用的是最新版本的 .NET，但我不知道是否有默认的日期时间选择器。

Answer 1

我建议：

https://flatpickr.js.org/
https://github.com/flatpickr/flatpickr

IE9+，Edge，FF和Chrome在此Datetimepicker上工作正常。 支持移动设备。它不依赖于任何库。

<!-- include css and js --> 
<link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<!-- html --> 
<div id="flatpickrcontainer">
<input type="text" id="time" placeholder="Select Date.." data-input>    
</div>
<script>   
// js initialization
flatpickr.l10ns.default.firstDayOfWeek = 1; // Monday default is sunday
document.getElementById("flatpickrcontainer").flatpickr({
wrap: true,           
weekNumbers: true, 
enableTime: true, // enables timepicker default is false    
time_24hr: true, // set to false for AM PM default is false
onChange: function (selectedDates, dateStr, instance) {
console.log("changed");          
}
});
</script>

更多示例： https://flatpickr.js.org/examples/

Answer 2

您可以使用datetime-local输入类型。它适用于Chrome和Edge，但在Firefox中不起作用。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

https://caniuse.com/#feat=input-datetime

<input id="datetime" type="datetime-local" />