angularjs - Ng-Repeat 内的 Angular JS 日期格式过滤器不格式化

标签 angularjs angularjs-directive angularjs-ng-repeat angular-ui angular-ui-bootstrap

来自 JSON 的实际日期

enter image description here

需要按如下格式设置。

Effective Date : 2010-08-31 (trim the time stamp)
End Date : 2010-08-31 (trim the time stamp)

我使用下面的代码来格式化 Ng-Repeat 中的日期。

    <li ng-repeat="product in data | startFrom:currentPage*pageSize | limitTo:pageSize"
           ng-click="getAttributes(product)">   
       {{product.prod_start_date| date:'MM/dd/yyyy'}}
       {{product.prod_end_date| date:'MM/dd/yyyy'}}
    </li>

但它不起作用仍然显示相同。

日期是否应该作为新日期传递,如下面的 jsfiddle 示例所示 http://jsfiddle.net/southerd/xG2t8/

请注意如何在 ng-repeat 中执行此操作。?请帮助我解决这个问题。提前致谢

最佳答案

我创建了自己的过滤器来解决这个问题。 日期过滤器不能接受字符串,需要一个日期对象。

.filter('cmdate', [
    '$filter', function($filter) {
        return function(input, format) {
            return $filter('date')(new Date(input), format);
        };
    }
]);

那么你可以这样做:

{{product.prod_start_date| cmdate:'MM/dd/yyyy'}}

关于angularjs - Ng-Repeat 内的 Angular JS 日期格式过滤器不格式化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24960489/

相关文章:

javascript - 声明变量

angularjs - NgMask - 支持 2 位小数

javascript - 等待图像加载到 angularjs 工厂内

javascript - $scope 变量在 ng-repeat 之间共享

javascript - 在Angular js中单击提交后如何获取在单选按钮中选择的值列表

javascript - AngularJS 1 - ng-repeat 在数组推送后不重新渲染

javascript - 使用 $route 时 Google map 无法在 AngularJS 中工作

angularjs - 两个指令共享同一个 Controller

Javascript:使用字符串更新机器人的方向不起作用

javascript - AngularJS : Directive not picking up attribute