Среда:
EmberJS: 3.16
Typescript
MS Edge
Когда я начал тестировать наше приложение на MS Edge, я заметил, что в полях даты в поле ввода даты дважды отображались предварительно установленные значения. Если я предварительно не установил значение даты, это нормально: он просто отображает заполнитель один раз, как ожидалось, а при выборе значения в средстве выбора - один раз, как ожидалось. Но как только я установил значение в отображаемом HTML, оно показывается дважды. Кроме того, он показывает его в двух разных форматах (1 - с переносом, другой - вперед sla sh).
![duplicate date values](https://i.stack.imgur.com/07QWM.png)
Когда я меняю дату значение с помощью выбора, первый дисплей остается тем же, но второй отражает мой выбор.
У меня есть некоторые базовые c стилизация для самого входа, такие как padding, margin и border, но, кроме этого, я Я полагаюсь на реализацию браузера по умолчанию для указателя даты.
Вот мой 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";