Question

是否有替代方案，因为Firefox和Internet Explorer不支持它......

示例：

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

谢谢！

Answer 1

您可以一起使用<input type="date"> <input type="time">。我个人认为这就是为什么删除datetime-local的原因。还有一些很好的polyfill，像这样：http://afarkas.github.io/webshim/demos/index.html

Answer 2

我在寻找要使用的东西而不是datetime-local

时遇到了这个问题

https://www.daterangepicker.com/

它具有与datetime-local类似的功能，并且还有一些其他功能。您必须考虑的一件事是，如果您这样做的话，将能够限制用户更改输入框中的日期值。 datetime-local自动阻止说出，将字母放入时间值。

否则，乔纳森（Jonathan）的答案仍然是与FF / Chrome搭配使用的最佳基本内置选项。

Answer 3

就我而言，我尝试了很多事情，但没有什么看起来很完美，最后，我走来走去将日期时间分成两个内联输入，并删除它们之间的边界，使其看起来像一个输入变量：

<form action="" class="form-inline">
<div class="form-group">
    <input class="form-control" style=" border-right-style: none" type="date" max="9999-12-12T00:00:00.00" />
</div>
<div class="form-group">
    <input class="form-control" style=" border-left-style: none" type="time" max="9999-12-12T00:00:00.00" />
</div>

Answer 4

在我的身边，我正在所有类型为 datetime-local 的输入上使用一个类（datetime-local）。然后，我可以将所有这些输入替换为自定义版本： CalendarPopup （https://xdsoft.net/jqplugins/calendar-popup/）

var calendar = $('input.datetime-local').CalendarPopup();

Answer 5

目前我们有很多替代的 date 和 time 输入，通过快速搜索，最新的 safary 版本不支持 type="time" 和 type="date"。

我从管理仪表板主题中获取此列表：

https://bootstrap-datepicker.readthedocs.io/en/stable/

https://github.com/T00rk/bootstrap-material-datetimepicker

http://weareoutman.github.io/clockpicker/

http://www.daterangepicker.com/

https://fullcalendar.io/

https://amsul.ca/pickadate.js/

Answer 6

https://github.com/andchir/datetime-polyfill

<script src="datetime-polyfill.js"></script>

datetime-local的替代方案？

6 个答案: