在Moment.js中格式化longDateFormat

Question

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

通过使用this，我成功地在AM / PM输入中添加了句点并应用了小写字母

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为大写

我需要当前返回的时间，但输入应格式化为ampm

目前文档longDateFormat是一个对象而不是一个函数，我将如何在此处格式化该子午线？

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

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

meridiem设置在使用haz输入时可以正常工作。 它是小写字母，并且带有句点。

meridiem设置不会影响longDateFormat字符串。 上午/下午始终是大写字母，没有句点。 无论我是否更改了最初应用的子午线设置。 我该如何更改？

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-moment提供了一个amDateFormat过滤器，该过滤器使用 docs所说的moment.js format（）方法来格式化日期 。 以下代码可以帮助您获得所需的东西：

 angular.module('MyApp',['angularMoment']) .run(function(){ moment.locale('en', { meridiem: function(hour, minute, isLower) { if (hour < 12) { return isLower ? 'am' : 'AM'; } else { return isLower ? 'pm' : 'PM'; } } }); }) .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> 

在您的示例中，您正在使用角度默认日期过滤器 。