AngularJS日期格式化

时间:2016-01-21 08:28:02

标签: javascript angularjs date

是否有机会在ng-repeat中格式化日期? 我试图将其格式化为

<div class="col-date">{{row.Calendar.start | date :  "dd.MM.y"}}</div>

但它没有用。任何想法如何格式化ng-repeat中的日期?

由于

4 个答案:

答案 0 :(得分:1)

使用momentangular-moment,绝对是与日期相关的最佳模块。

首先将$ scope.row.Calendar.start转换为日期/时刻对象(如果它是一个字符串),然后使用角度时刻显示所需的日期格式

以下是您可以这样做的方法:

Inside controller:
$scope.row.Calendar.start = moment($scope.row.Calendar.start,'YYYY-MM-DD HH:mm:ss');

<div class="col-date">{{row.Calendar.start | amDateFormat : "dd.MM.y"}}

答案 1 :(得分:0)

从AngularJS的角度来看,一切似乎都是有效的。

请检查以下内容:

  1. 您提供给日期过滤器的数据格式 - 是UNIX时间戳还是可能由过滤器处理的其他内容?
  2. 检查您要解析的数据是否可用
  3. 请向我们提供有关您要转换的内容的更多信息,以及您有什么结果

答案 2 :(得分:0)

您似乎正在尝试应用字符串对象的角度日期过滤器。

尝试首先将其转换为控制器中的Date对象,然后对其应用日期过滤器。

示例

$scope.dtObj = new Date($scope.row.Calendar.start);

然后在HTML中写这个

<div class="col-date">{{dtObj | date :  "dd.MM.y"}}</div>

有关详细信息,请查看此处的文档https://docs.angularjs.org/api/ng/filter/date

答案 3 :(得分:0)

试试这个对我有用的希望

{{row.Calendar.start |日期: 'MMM-DD-YYYY'}}