ASP.NET MVC DateTimePicker - 好一个答案

【问题标题】：ASP.NET MVC DateTimePicker - Good oneASP.NET MVC DateTimePicker - 好一个
【发布时间】：2018-11-24 08:27:16
【问题描述】：

我一直在寻找一个小时，但我似乎无法为 ASP.NET MVC 找到一个好的 DateTimePicker，让我强调一下，我需要一个 DateTimePicker 而不是 DatePicker。换句话说，在选择日期时，它还应该有一个时间（小时、分钟、秒）可供选择。如果它是金块，我会更喜欢。我用的是.NET的最新版本，但是不知道有没有默认的DateTimePicker。

【问题讨论】：

您可能想阅读一下 John 的问题指南。一般而言，这是一个公平的问题，但在这里，这些往往会被关闭，因为它们最终成为不同小玩意之间的辩论并变得固执己见。通过描述你尝试过的一些事情，以及它们对你的作用……或者你特别讨厌它们的什么，你也许可以恢复过来

标签： .net asp.net-mvc nuget datetimepicker

【解决方案1】：

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/

【讨论】：

它有 nuget 吗？
非官方 Pyramius.flatpickr 后面几个版本。
得到这个错误 flatpickr:2 TypeError: Cannot read property 'placeholder' of null at flatpickr:2 at flatpickr:2 at r (flatpickr:2) at n (flatpickr:2) at init.undefined .jQuery.fn.flatpickr (flatpickr:2) at Create:89
抱歉标签丢失已在上面修复。
不，包装是问题

【解决方案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" />

【讨论】：