ASP.Net MVC中Angularjs中的日期格式[重复]

Question

我有 ASP.NET MVC 项目，我试图在我的 cshtml UI 中格式化日期 (dd/MM/yyyy) 但它返回 null。

下面是我的cshtml代码：

    <tr ng-repeat="item in items">
                        <td>{{item.Id}}</td>
                        <td>{{item.Name}}</td>
                        <td>{{item.Manufacturer}}</td>
                        <td>{{item.BatchNo}}</td>
                        <td width="50px">{{item.ExpiryDate| date: 'dd/MM/yyyy'}}</td>
    </tr>

我尝试了两种方法：

1) .NET cshtml 本身的格式设置，但什么也没发生：

<td width="50px">{{item.ExpiryDate| date: 'dd/MM/yyyy'}}</td>

2) 我尝试使用过滤器，但它返回 null：

medApp.filter('cmdate', [
    '$filter', function ($filter) {
        return function (input) {
            return $filter('date')(new Date(input), 'dd/MM/yyyy');
        };
    }
]);

cshtml中的代码：

<td width="50px">{{item.ExpiryDate| cmdate: 'dd/MM/yyyy'}}</td>

关于这个问题的任何线索？

谢谢

Answer 1

您的日期以 json 格式传递。像这样创建自定义过滤器。

app.filter("cmdate", function() {
    var re = /\/Date\(([0-9]*)\)\//;
    return function(x) {
        var m = x.match(re);
        if( m ) return new Date(parseInt(m[1]));
        else return null;
    };
});

现在这样称呼它

<td width="50px">{{item.ExpiryDate| cmdate | date: 'dd/MM/yyyy'}}</td>