Угловые | дата ввода, не отображающая значение ng-модели

дата ввода не показывает дату, пока пользователь не изменит ее

// showing the date
<p>{{someDate | date}}</p>

// not showing the date. instead showing mm/dd/yyyy.  
// but value will change when use change is
<input type="date" ng-model="someDate">

пример кода в jsbin

он работает над версией 1.3.0-beta.3, но

Мне нужно, чтобы он работал на стабильной версии 1.2.14. возможно ли это?

Ответ 1

Я создал простую директиву, позволяющую стандартным элементам формы input[type="date"] корректно работать с AngularJS ~ 1.2.16.

Подробнее см. здесь: https://github.com/betsol/angular-input-date

И вот демо: http://jsfiddle.net/F2LcY/2/

Надеюсь, что это поможет!

Ответ 2

Я думаю, что ответ - вы должны перейти на angularjs 1.3 или новее. Подробности в angular.js/pull/5864. Фиксировать реализацию этого довольно просто, чтобы попытаться выполнить резервное копирование на 1.2 IMHO.

Ответ 3

Попробуйте преобразовать переменную scope someDate из строки в формат даты, а затем, если вы используете тип ввода = " date" ng-model = "someDate". Это решило мою проблему.

Ответ 4

<p>{{someDate | date:'yyyy-MM-dd'}}</p>

посмотрите "API угловых дат" для получения дополнительной информации

вы также можете написать:

<p>{{someDate | date:'short'}}</p>
<p>{{someDate | date:'medium'}}</p>

и т.д.