web-dev-qa-db-ja.com

angularJSでHTML5日付入力フィールドのデフォルト値を設定します

瞬間に生成したデフォルト値を日付と時刻の入力フィールドにバインドしたいと思っています。 ng-modelを試して、値属性に直接バインドしました。しかし、どれも機能していないようです。動作させる方法はありますか？

編集：また、時間入力フィールドもバインドする方法は？

<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/

javascriptangularjsmomentjs
15
Chris Yeung

chromeを使用している場合は、日付形式を「yyyy-MM-dd」として指定する必要があります。

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

それ以外では動作しません。これが作業バージョンです http://jsfiddle.net/bF9Pq/4/

29
Jeffrey W.

作業フィドル

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

それを日付に変更し、日付フィルターを追加しました。

6
dpkk87
value="{{date}}"

初期化エラーの原因：指定された値 "{{datum_default}}"は、必要な形式 "yyyy-MM-dd"に適合していません。

解決策：テンプレートに日付を設定しないでください！

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

コントローラーで日付を割り当てます！

$scope.date_code = new Date();
3
NoblesCZ