ASP.NET MVC DateTimePicker - 好一个

Question

我已经搜索了大约一个小时，但我似乎找不到适合 ASP.NET MVC 的 DateTimePicker，让我强调一下，我需要 DateTimePicker 而不是 DatePicker。也就是说在选择日期的时候还应该有一个时间（时、分、秒）可以选择。如果它是一块金块，我会更喜欢。我用的是最新版的.NET，不知道有没有默认的DateTimePicker

Answer 1

我推荐：

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

IE9+、Edge、FF 和 Chrome 与此日期时间选择器配合良好。支持手机。它不依赖于任何库。

    <!-- 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" />

ASP.NET MVC DateTimePicker - 好一个

ASP.NET MVC DateTimePicker - Good one

.net

asp.net-mvc

datetimepicker

nuget