Html Microsoft edge日期输入将值显示两次

环境：

EmberJS: 3.16
Typescript
MS Edge

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

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

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

这是我的html（我使用的是Ember和Handlebar，因此这里的值将替换为有效值）：

---

从您的代码来看，您的应用程序似乎是一个角度的应用程序，对吗？如果是这样的话，你能告诉我们Angular的版本吗？此外，无论您使用的是一些日期选择器插件，还是仅使用日期控件的默认行为来选择日期，您能否解释有关它的更多细节？如果你能创建一个新的解决方案，我们可能更容易重现问题并缩小问题范围。我更新了我的问题。我们使用的是EmberJS，我们依赖于默认的浏览器实现。在我这方面，我们无法重现这个问题，您是否使用了日期选择器插件？如果您可以创建一个最小的示例，那么缩小问题范围可能会更容易。此外，作为一种解决方法，我建议您可以尝试使用输入文本元素来显示日期，而不是使用输入日期元素。然后使用JQuery datepicker插件选择日期。

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

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";