Angularjs,如何在cshtml中显示DateTime

时间:2016-08-30 07:36:05

标签: angularjs datetime razor

我写了一段代码,用于从db获取记录列表并将它们放在$ scope.records中。

var app = angular.module('MyApp', []);
app.controller('MyAppController', ['$scope', '$http', function ($scope, $http) {
    $http({ method: 'GET', url: '/Api/GetRecord' }).
           success(function (data, status, headers, config) {
               $scope.records = data;
           }).
           error(function (data, status, headers, config) {
               alert(data);
           });
}]);

然后,我想显示如下的记录。

<div ng-repeat="record in records">
   <div>{{record.ID}}</div>
   <div>{{record.SubmitDate}}</div>
   <div>{{record.Status}}</div>
</div>

正确显示ID和状态。但是,提交日期可能无法显示。提交日期为&#34; 2016-08-30 09:59:17.080&#34;在数据库中,但所有提交日期变为&#34; /日期(1472522357080)/&#34;在网站上显示。

如何正确显示日期时间?感谢。

2 个答案:

答案 0 :(得分:3)

尝试使用日期过滤器

{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}

{{record.SubmitDate.replace('/Date(','').replace(')/','') | date:'yyyy-MM-dd HH:mm:ss Z'}}

答案 1 :(得分:0)

尝试使用新的日期功能 $ scope.date = new Date(1472522357080); 并将与ng-model相同的$ scope.date变量绑定到日期控件。