Question

我使用AngularJS＆＃39; date filter来格式化时间戳。它工作得很好，但我想将AM / PM标记（a）显示为小写。

这是我的表达：

{{item.date | date: 'h:mma, dd MMM y'}}

这是它的输出：

2017年1月3日晚上9点

我希望它是：

2017年1月3日晚上9点

Answer 1

按照其他答案的建议，将整个日期管道传输到Angular的lowercase，将日期从'1月18日下午1:00'转换为'1月18日下午1:00'（pointed out by Holly ）。不理想。这解决了我的问题：

<span class="date">
  {{ record.created_at | date:"MMM d, y h:mm" }}{{ record.created_at | date:"a" | lowercase }}
</span>

制作：2017年12月18日下午4:52

Answer 2

使用| lowercase

{{item.date | date: 'h:mma, dd MMM y' | lowercase}}

<强>样本

＆＃13;

var app = angular.module("app", []);

app.controller("ListCtrl", ["$scope",
  function($scope) {
  $scope.date = new Date();
 }
]);

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <script data-require="angular.js@1.4.7" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>
<body ng-app='app'>
  <div ng-controller="ListCtrl">
    {{date | date:'dd MMM yyyy - hh:mm a' | lowercase}}<br />
  </div>
</body>
</html>

＆＃13;

AngularJS以小写形式显示AM / PM标记

2 个答案: