Установите значение по умолчанию для поля ввода даты HTML5 с помощью angularJS

Я надеюсь привязать значение по умолчанию, которое я создал в момент, к полю ввода даты и времени. Я попробовал ng-model и напрямую привязал его к атрибутам value. Но ничто из этого не работает. Есть ли способ заставить его работать?

Изменить: Также, как связать поле ввода времени?

<body ng-app="myApp">
<div ng-controller="MyCtrl">
    <input type="date" ng-model="date" value="{{date}}">
        <p>{{date}}</p>
    <input type="time" ng-model="time" value="{{time}}">    
</div>

Вот сценарий для этого: http://jsfiddle.net/chrisyeung/bF9Pq/

Ответ 1

Если вы используете хром, вам нужно указать формат даты как "yyyy-MM-dd".

$scope.date = $filter("date")(Date.now(), 'yyyy-MM-dd');

Это просто не будет работать иначе. Здесь рабочая версия http://jsfiddle.net/bF9Pq/4/

Ответ 2

Рабочая скрипка

{{date | date:'MM/dd/yyyy'}}

Я изменил его на сегодняшний день и добавил фильтр даты.

Ответ 3

value="{{date}}"

вызывает ошибку init: Указанное значение "{{datum_default}}" не соответствует требуемому формату "yyyy-MM-dd".

решение: не устанавливайте дату в шаблоне!

<input type="date" ng-model="date_code">

назначить дату в контроллере!

$scope.date_code = new Date();