データベースからdatepickerで日付を表示する方法

Question

app.controller('getUser', function ($scope, $http, $cookieStore) { 

$http.get('http://localhost:8080/myapp/user/'.concat($scope.getUserId) + '?access_token=' + $cookieStore.get("access_token")). 
     then(function (response) { 
      $scope.users = response.data; 
     });}); 

    Table name: user{ id | userDate | 1 | 2016-11-28 05:30:00.0} 

<div ng-controller="getUser"> 
<label class="control-label">Date</label> 
<input type="date" class="form-control" ng-model="users.userDate" ng-value="{{users.userDate"}}"> 
</div> 

日付ピッカーに日付が表示されません。解決策を教えてください。 おかげ

Answer 1

を必要としてみてください

<input type="date" class="form-control" ng-model="users.userdate"> 

上記の行は、日付を文字列として渡しているときに、渡していないdateオブジェクトを想定しているためです。

このデータは、データを取得した後にスクリプトに追加してください。

$http.get('http://localhost:8080/myapp/user/'.concat($scope.getUserId) + '?access_token=' + $cookieStore.get("access_token")). 
    then(function (response) { 
     $scope.users = response.data; 
     $scope.users.userdate = new Date($scope.users.userdate); // converting into date object which will display date in correct form in your html 
    });}); 

あなたは上記のスクリプトを追加したくない場合は、正常に動作しますが、それは日付ピッカーがポップアップしませんあなたのinputタグtype="text"を作ることができます。

Answer 2

は、あなたはそれがHTML5の日付入力に正しく表示さのために正しい許容フォーマット（YYYY-MM-DD）にvalue<input type='date'>に提供する必要がdocumentation

を参照してください。

フィルタを使用して、日付をフォーマットし（yyyy-MM-dd形式）、コントローラでHTMLテンプレートにレンダリングする前にフィルタを使用できるようにする必要があります。

<input type="date" class="form-control" ng-model="users.userDate" ng-value="{{users.userDate | date: 'yyyy-MM-dd'}}"> 

Answer 3

はあなたのhtmlにこれを追加する必要があり、この

小さな変更が

<input type="date" class="form-control" ng-model="userdate" > 

コントローラ

$scope.userdate= new Date(users.userDate);