Angular 6内置日期在Edge / IE中不起作用

Question

我正在使用Angular 6中的应用程序。我使用了angular中的默认日期和时间数据类型。它在Chrome中加载了不错的日期和时间选择器。但是，在IE / Edge中，我看到的只是一个表单输入。     这是代码。

 <div class="col-md-6">
      <input type="date" class="form-control reduce-width float-left mr-3" id="changeDetails.changeImplementationStartDate"
      name="changeImplementationStartDate" required #changeImplementationStartDate="ngModel" [(ngModel)]="changeDetails.changeImplementationStartDate"/>
      <input type="time" class="form-control reduce-width float-left" id="changeDetails.changeImplementationStartTime"
       name="changeImplementationStartTime" required #changeImplementationStartTime="ngModel" [(ngModel)]="changeDetails.changeImplementationStartTime"/>
    </div>

Answer 1

Edge从v12开始支持date和time，而IE则完全不支持。

Answer 2

您是否表示日期选择器控件在Edge中的外观与在Chrome中不同？

然后，是的，类似的控件在不同的浏览器中显得不同。

在chrome中，如下图所示。

在Edge中，如下图所示。

这不是问题。在不同的浏览器中，它的外观会有所不同。

但是它可以正常工作，其功能没有问题。

没有任何方法可以使所有浏览器的外观保持一致。

它与Angular 6也无关。