我向一个页面发出get请求,该页面返回日期格式为“dd / MM / yyyy”的json。 我解析它,然后将其显示在如下表
中<script>
angular.module("myApp",[])
.controller("mainController", function($scope, $http) {
$http.get('backList.php',{params: {dta: $scope.dataSelected}})
.success(function(data) { if("null" == data)
$scope.list="";
else {
$scope.list=data;
}
} )
.error(function() { alert("Error retrieve data!"); });
}
});
</script>
<body ng-controller="mainController">
<div>
<table>
<tbody>
<tr ng-repeat="row in list">
<td align="center">{{row.dta_example}}</td>
<td align="center"><input class="calendar" type="text" ng-model="row.dta_example" ng-value="row.dta_example" /></td>
</tr>
</tbody>
</table>
</div>
</body>
一切正常但我想使用type =“data”以便弹出一个日历但是如果我使用它我得到一个错误,告诉我row.dta_example需要是一个Date()对象。
所以我在get call的成功方法中做了类似的事情:
.success(function(data) { if("null" == data)
$scope.list="";
else {
$scope.list=data;
var i = 0;
for(var key in $scope.list){
$scope.list[i].dta_example=new Date.exactmatch(key.dta_example)
}
}
} )
但失败了。
答案 0 :(得分:0)
尝试:
$scope.list[i].dta_example = new Date(key.dta_example);
此外,'null'不= null。除非你的代码以某种方式传回一串'null',否则该测试将无法工作。
答案 1 :(得分:0)
在过滤器中使用momentjs.com。
<script>
angular.module("myApp",[])
.controller("mainController", function($scope, $http) {
$http.get('backList.php',{params: {dta: $scope.dataSelected}})
.success(function(data) { if("null" == data)
$scope.list="";
else {
$scope.list=data;
}
})
.error(function() { alert("Error retrieve data!"); });
}
});
angular.module("myApp").filter('momentFilter', function () {
return function (date) {
if (date === null || !angular.isDefined(date))
return null;
if (moment(date).isValid()) {
return moment(date).format('DD. MM. YYYY HH:mm');
}
return date;
}
});
</script>
<body ng-controller="mainController">
<div>
<table>
<tbody>
<tr ng-repeat="row in list">
<td align="center">{{row.dta_example | momentFilter }}</td>
<td align="center"><input class="calendar" type="text" ng-model="row.dta_example" ng-value="row.dta_example" /></td>
</tr>
</tbody>
</table>
</div>
</body>