我们正在使用JQuery
ajax来读取json
数据并转换为对象。
jQuery脚本
$.ajax({
type: "GET",
dataType: 'json',
url: 'data.json',
converters:
{
"text json": function (data) {
return $.parseJSON(data);
}
},
success: function (data) {
self.jsonData = data;
}
});
data.json
[{
"Name" : "Task 1",
"ID" : 1,
"StartTime" : "2014-02-02T00:00:00Z",
"Effort" : "8:00:00",
"Description" : "Description of Task 1"
},
{
"Name" : "Task 2",
"ID" : 2,
"PredecessorIndices" : "1",
"StartTime" : "2014-02-03T00:00:00Z",
"Effort" : "16:00:00",
"Description" : "Description of Task 2"
},
{
"Name" : "Task 3",
"ID" : 3,
"StartTime" : "2014-02-02T00:00:00Z",
"Effort" : "1.12:30:00",
"ProgressPercent" : 90,
"Description" : "Description of Task 3"
}]
此处将日期字符串转换为Jsdate
对象,如下所示:Json Date Parsing
如何使用angularjs读取json数据并将json日期字符串解析为Jsdate对象?
答案 0 :(得分:5)
首先尝试not to mix JQuery with AngularJS。
如果您想获取json文件,而不是使用JQuery-Ajax,请使用AngularJS $http 服务,如下所示,并且要转换为日期对象,您可以使用Date.parse
$scope.self = {};
$http.get('data.json').success(function(data) {
$scope.self.jsonData = data;
$scope.self.jsonData.forEach(function(value, key) {
value.StartTime = Date.parse(value.StartTime); // converting into date
});
});
在Html中
<tr ng-repeat="arr in self.jsonData">
<td>
{{arr.StartTime |date: 'yyyy-MM-dd'}}
</td>
</tr>
<强> Working Demo 强>