时间戳

首页 > 解决方案 > Microsoft Edge 日期输入显示两次值

html - Microsoft Edge 日期输入显示两次值

问题描述

环境：

EmberJS: 3.16
Typescript
MS Edge

当我开始在 MS Edge 上测试我们的应用程序时，我注意到日期字段在日期输入字段中显示了两次预设值。如果我没有预先设置日期的值，那很好：它只是像预期的那样显示占位符一次，在选择器中选择值时，它会像预期的那样显示一次。但是一旦我在呈现的 HTML 中设置了值，它就会显示两次。此外，它以两种不同的格式显示（一种是带连字符的，另一种是正斜杠）。

重复的日期值

当我使用选择器更改日期值时，第一个显示保持不变，但第二个显示反映了我的选择。

我对输入本身有一些基本样式，如填充、边距和边框，但除此之外，我依赖于日期选择器的默认浏览器实现。

这是我的 html（我正在使用 Ember 和 Handlebars，所以我在这里的值被替换为有效值）：

<input
  value={{this.goalDueDate}}
  type="date"
  min={{this.minDueDate}}
  max={{this.maxDueDate}} />

并且传递到输入字段 ( this.goalDueDate) 的值设置为以下内容：

this.goal.dueDate = "2020-03-18T00:00:00.000-04:00";
this.goalDueDate = moment(this.goal?.dueDate ?? moment()).local().format('YYYY-MM-DD');
this.minDueDate = moment().add(1, 'days').format('YYYY-MM-DD');
this.maxDueDate = "9999-12-31";

标签： htmldatemicrosoft-edge

解决方案

推荐阅读