如何獲得amCalendar濾波器24小時格式（角Moment.js）

Question

我使用角的時刻，此刻添加功能：moment().add(7, 'h');。

爲了顯示當審批將完成。

我有審批各種產品一個表，示估計。我正在使用amCalender過濾器。例如，結果可能會在今天晚上10點顯示。我希望時間是24小時格式（今天22:00）。

Answer 1

隨着docs說，amCalendar：使用moment.js

格式的日期calendar()方法。

您可以使用moment.updateLocale自定義時刻calendar輸出。默認情況下，時刻使用'[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');