javascript - 如何获取 24 小时格式的 amCalendar 过滤器（Angular-Moment.js）

Question

我正在使用角矩和矩添加功能：moment().add(7, 'h');。

为了显示何时批准。

我有一张表格，显示了对各种产品的批准估计。我正在使用amCalender过滤器。例如，结果可能会显示今天晚上 10 点等。我希望时间改为 24 小时格式（今天 22:00）。

Answer 1

正如文档所说，amCalendar：

使用 moment.jscalendar()方法格式化日期。

您可以使用自定义矩calendar输出moment.updateLocale。默认情况下，使用'[Today at] LT'等'[Tomorrow at] LT'，而在您的情况下，您需要'[Today at] HH:mm'等。

这是一个现场工作的例子：

angular.module('MyApp',['angularMoment'])
.run(function(){
  moment.updateLocale('en', {
    calendar : {
      lastDay : '[Yesterday at] HH:mm',
      sameDay : '[Today at] HH:mm',
      nextDay : '[Tomorrow at] HH:mm',
      lastWeek : '[last] dddd [at] HH:mm',
      nextWeek : 'dddd [at] HH:mm',
      sameElse : 'L'
    }
  });
})
.controller('AppCtrl', function($scope) {
  $scope.message = {};
  $scope.message.time = moment().add(7, 'h');
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-moment/1.0.1/angular-moment.min.js"></script>

<div ng-app="MyApp" ng-controller="AppCtrl">
  <span>{{message.time | amCalendar}}</span>
</div>

Answer 2

尝试这个。

moment().add(7, 'h').format('H:mm');