Microsoft край ввода даты показывает значение дважды - PullRequest
Новая
       7

Microsoft край ввода даты показывает значение дважды

0 голосов
/ 13 марта 2020

Среда: 

EmberJS: 3.16
Typescript
MS Edge

Когда я начал тестировать наше приложение на MS Edge, я заметил, что в полях даты в поле ввода даты дважды отображались предварительно установленные значения. Если я предварительно не установил значение даты, это нормально: он просто отображает заполнитель один раз, как ожидалось, а при выборе значения в средстве выбора - один раз, как ожидалось. Но как только я установил значение в отображаемом HTML, оно показывается дважды. Кроме того, он показывает его в двух разных форматах (1 - с переносом, другой - вперед sla sh).

duplicate date values

Когда я меняю дату значение с помощью выбора, первый дисплей остается тем же, но второй отражает мой выбор.

У меня есть некоторые базовые 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";
...