2016-01-21 102 views
0

是否有机会以ng-repeat格式化日期? 我试图像AngularJS日期格式

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

格式化,但它不能正常工作。任何想法如何以ng-repeat格式化日期?

感谢

+0

你的约会是怎样的? –

+0

这里有什么问题。 'row.Calendar.start'中的值是什么? –

+0

@Alexander所以我的日期看起来像:2015-11-12 15:00:00如果我使用|日期:“dd.MM.y”什么也没有发生 – johnny04501

回答

0

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

请检查以下内容:您提供给您的日期过滤器中的数据

  1. 格式 - 是UNIX时间戳或别的东西可能是由过滤器处理?
  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

1

使用momentangular-moment,绝对是最好的MODU在那里与日期相关的东西。

首先转换$ 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"}} 

0

试试这个,它的工作对我来说希望为您

{{row.Calendar.start | date:'MMM-dd-yyyy'}}