angularjs - 正确格式化 AngularJS 的 ASP.NET MVC 日期

Question

我正在使用 AngularJS 从 ASP.NET 服务器应用程序获取数据并将其显示在客户端。这是我得到的:

ProjectID │ CreatedOn
══════════╪══════════════════════
13241     │ /Date(1338364250000)/   
13411     │ /Date(1338370907000)/   

如您所见，日期未正确显示。我想将日期格式化为 YYYY-MM-DD HH:MM:SS .我怎样才能做到这一点？

HTML View :

<div ng-app ng-controller="FirstCtrl">
    <table>
        <thead>
            <tr>
                <td>
                    ProjectID
                </td>
                <td>
                    CreatedOn
                </td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="team in teams" class="thumbnail">
                <td>
                    {{team.ProjectID}}
                </td>
                <td>
                    {{team.CreatedOn}}
                </td>
            </tr>
        </tbody>
    </table>
</div>

Action 方法:

public JsonResult GetUser()
{
   return Json(new { data = ProjectService.GetPrefixUsedCount(1).ToArray() });
}

返回的 JSON 结果:

{"data":[{"ProjectID":13241,"CreatedOn":"\/Date(1338364250000)\/"},
{"ProjectID":13411,"CreatedOn":"\/Date(1338370907000)\/"}]

Answer 1

快速修复

如果无法更改 MVC 中的格式，您可以这样做:

{{ team.CreatedOn.slice(6, -2) | date: 'yyyy-MM-dd HH:mm:ss' }}

关键位是 .slice(6, -2) - 它会去除所有多余的垃圾，只剩下纪元时间。

想要过滤器？

如果您经常使用它，您可能更喜欢自定义过滤器。这一包 the existing date filter :

.filter('mvcDate', ['$filter', $filter =>
  (date, format, timezone) =>
    date && $filter('date')(date.slice(6, -2), format, timezone)
]);

现在只需更换 date使用我们的自定义过滤器:

{{ team.CreatedOn | mvcDate: 'yyyy-MM-dd HH:mm:ss' }}

这是一个 working example on JSFiddle .