在 Moment.js 中格式化 longDateFormat

Question

我之前问过一个关于通过 Moment.js meridiem 函数格式化 AM/PM 的问题。顺便说一句，我使用的是 2.9 版

我成功地在 AM/PM 输入中添加句点并使用 this 应用小写

moment.locale('en', {
    meridiem: function(hour, minute, isLower) {
       if (hour < 12) {
          return isLower ? 'a.m.' : 'A.M.';
       } else {
          return isLower ? 'p.m' : 'P.M.';
       }
    }
});

现在我遇到了一个问题，我需要对longDateFormat 字符串进行相同类型的格式化。

字符串为"h:mm:ss a"，返回的时间为当前时间，但带有大写AM/PM

我需要返回当前时间，但输入的格式应为 a.m.下午

在文档 longDateFormat 是一个对象而不是函数的那一刻，我将如何在这里格式化子午线？

************************编辑******************

这是我的问题的一个例子。

meridiem 设置与 h a z 输入配合良好。它是小写的，有句号。

meridiem 设置不影响 longDateFormat 字符串。 am/pm 总是大写的，没有句点。无论我是否更改最初应用的 meridiem 设置。我该如何更改？

HTML

{{last_update|date:"MMMM d, y 'at' h:mm:ss a"}}.

结果

Last updated on July 6, 2016 at 8:25:00 AM.

谢谢

Answer 1

由于您使用的是 Angular，因此您必须使用 angular-moment 来利用指令和过滤器中的时刻。

angular-moment 提供了一个amDateFormat 过滤器，使用 moment.js format() 方法格式化日期，正如文档所说。 下面的代码可以帮助你得到你想要的：

angular.module('MyApp',['angularMoment'])
.run(function(){
  moment.locale('en', {
    meridiem: function(hour, minute, isLower) {
      if (hour < 12) {
         return isLower ? 'a.m.' : 'A.M.';
      } else {
         return isLower ? 'p.m.' : 'P.M.';
      }
    }
  });
})
.controller('AppCtrl', function($scope) {
  $scope.last_update = new Date();
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-moment/0.10.3/angular-moment.min.js"></script>

<div ng-app="MyApp" ng-controller="AppCtrl">
  With angular default date filter: <br/>
  {{last_update|date:"MMMM d, y 'at' h:mm:ss a"}}
  <br/>
  With angular-moment date filter: <br/>
  {{last_update|amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a'}}
  
</div>

在您的示例中，您使用的是默认角度 date filter。