AngularJS 日期格式

AngularJS date formatting

本文关键字:格式 日期 AngularJS      更新时间:2023-09-26

有机会在ng-repeat中格式化日期吗?我试图像这样格式化它

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

但它没有奏效。如何在 ng 重复中格式化日期?

使用时刻和角度时刻,绝对是与日期相关内容的最佳模块。

首先,如果$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"}}

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

请检查以下内容:

  1. 您提供给日期过滤器的数据格式 - 是 UNIX 时间戳还是过滤器可能处理的其他内容?
  2. 检查您尝试解析的数据是否可用

请向我们提供有关您要转换的内容以及结果的更多信息

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

尝试首先将其转换为控制器中的 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

试试这个,它对我有用,希望你能

{

{行。日历开始 |日期:'MMM-dd-yyyy'}}