输入类型 datetime-local 在 Firefox 中不起作用答案

【问题标题】：input type datetime-local is not working in firefox输入类型 datetime-local 在 Firefox 中不起作用
【发布时间】：2018-11-07 03:21:32
【问题描述】：

我有一个 datetime-local 的输入类型，它在 chrome 中运行良好，但是当我尝试在 Firefox 中运行同一页面时，它显示文本框而不是 datepicker。我尝试使用现代化工具，但问题仍然存在，谁能告诉我我如何在 Firefox 中修复 datetime-local 问题。

<div class="form-group" ng-class="{'has-error': vm.basicInfoForm.validFrom.$invalid && (vm.basicInfoForm.validFrom.$dirty || vm.basicInfoForm.$submitted)}">
               <label translate >.NEW.STARTDATE</label>
               <input type="datetime-local" name="validFrom"  class="form-control" name="fromdate" ng-model="vm.basicInfo.validFrom"/>
               <span class="help-block error-block basic-block" translate>.NEW.CHECKDATE</span>
            </div>

【问题讨论】：

好吧，Firefox 根本不支持 datetime-local，请参阅 caniuse.com/#feat=input-datetime，所以基本上，你在这里不走运。
你可以 - 并且请这样做！ - 将您的投票添加到有点晦涩和怪异的 bugtracker。 bugzilla.mozilla.org/show_bug.cgi?id=1424984 请注意：要投票，单击“投票”按钮是不够的，您还必须勾选方框并在下一个屏幕上单击“更改我的投票”。也不容易看出来。我从未见过用户友好度较低的投票系统，但确实如此。
关注本期更新bugzilla.mozilla.org/show_bug.cgi?id=1306217

标签： javascript html firefox

【解决方案1】：

不支持，查看他们的文档https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local#Browser_compatibility

【讨论】：

这很有趣，因为他们在自己的页面上有一篇关于它以及如何使用它的文章：developer.mozilla.org/en-US/docs/Web/HTML/Element/input/… ......他们真的应该实现这样的东西，因为它是一个非常基本的 html5 功能。跨度>
查看文章末尾的“浏览器兼容性”部分。
只有 2 个主流浏览器不受支持。它是 Firefox 和 Safari。而这个话题是从 2018 年开始的。嗯。
@NimeshkaSrimal 他们从来没有说过这会在未来得到支持，而且有记录的 FF 不支持它，你不应该期待任何新的东西。更多：caniuse.com/?search=datetime-local

【解决方案2】：

Firefox 不支持输入类型“datetime-local”，因此它会显示一个文本框，在这种情况下，您可以使用输入类型为“date”。

由于“datetime-local”也显示时间，如果您有相同的要求，您也可以使用输入类型“时间”来显示时间。

我希望这会有所帮助。

【讨论】：

【解决方案3】：

在官方错误跟踪器上为此问题创建了report。它最近关闭（截至撰写本文时不到 1 个月前），状态为 RESOLVED FIXED，并已在 Firefox Nightly build (93.0a1 2021-09-02) 中实施。

考虑到上述情况，我们应该很快就会看到此更新推出。

Nightly 版本中 datetime-local 的示例：

Nightly 构建中可见选择器的示例：

阅读材料

Release Timeline

【讨论】：

最后...所有其他主要浏览器都已经有了这个