如何使用angularjs从数据库中仅显示datepicker中的日期

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>

它不在日期选择器中显示日期。你能给我解决方案吗？由于如何使用angularjs从数据库中仅显示datepicker中的日期

来源

2016-11-29 Rajkumar

我相信* *用户实际上包含一个用户。所以......你需要什么的'NG值=“{{users.userDate”}}“'当你已经一个'NG-模型=” users.userDate“'？ – lealceldeiro

它会出现在你有一个额外的' “''NG值=”{{users.userDate “}}”' – haxxxton

你必须把它添加到您的HTML

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

作为上述线期待你不传递作为要传递日期作为一个字符串日期的对象。

和此行您将获取您的数据后，添加到您的脚本。

$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 
    });});

如果你不想添加上面的脚本，那么你可以让你的输入标签type="text"这将正常工作，但它不会弹出日期选择器。

来源

2016-11-29 06:16:56 ashishraaj

你也有这是不是在所有需要'NG-值的额外属性= “{{users.userDate}}”' – ashishraaj

documentation参见

您需要提供value到<input type='date'>在正确的可接受的格式（YYYY-MM-DD）为它在HTML5日期输入正确显示。

您应该能够使用过滤器格式日期（yyyy-MM-dd格式）或HTML模板渲染之前，做在控制器中。

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

来源

2016-11-29 04:04:20 vas

试试这个

小的变化需要

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

控制器

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

来源

2016-11-29 05:27:38 Pravin

如何使用angularjs从数据库中仅显示datepicker中的日期

回答

相关问题