输入类型datetime-local在firefox中不起作用

Question

我有一个输入类型的datetime-local，它在chrome中工作得很好，但当我试图在firefox中运行相同的页面时，它显示的是文本框而不是日期选择器。我尝试过使用现代程序，但仍然存在问题，有人能告诉我如何在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>

Answer 1

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

Answer 2

在官方的bug跟踪器上已经为这个问题创建了一个report。它最近关闭了(在写这篇文章时是<1个月前)，状态为RESOLVED FIXED，并且已经在Firefox Nightly build (93.0a1 2021-09-02)中实现了。

考虑到以上内容，我们应该很快就能看到这个更新的推出，希望如此。

夜间构建中的datetime-local示例：

​

​

Nightly build中的可见选取器示例：

​

​

阅读材料

Release Timeline

Answer 3

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

因为"datetime-local“也显示时间，如果您有同样的要求，您也可以使用输入类型" time”来显示时间。

我希望这能帮到你。