angularjs - 角度中的 moment.js 没有像我期望的那样格式化

Question

我有一个时间以以下 JSON 格式从服务器中提取：

"begins_at":"2016-04-22T08:11:07.000Z"

我正在使用带有角度的 momentjs 和以下过滤器：

{{event_details.begins_at | moment: "format": "HH:MM a"}}

我希望得到以下输出：08:11 am. 相反，我得到：04:04 am. 我怀疑这可能与时区有关，但我不确定。我该如何解决？

Answer 1

将MM更改为mm（月到分钟：））

angular.module('app', [])
  .provider('moment', function() {  // be nice for DI
    this.$get = function() {
      return moment
    }
  })
  .controller('ctrl', function() {
    this.event_details = {
      begins_at: '2016-04-22T08:11:07.000Z'
    }
  })
  .filter('moment', function(moment) {
    return function(input, options) {
      return moment(input).format(options.split('\'')[1]) // ugly formatter ; (
    }
  })

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


<div ng-app='app'>
  <div ng-controller='ctrl as c'>
    moment: {{ c.event_details.begins_at | moment:"format: 'HH:mm a'" }}
  </div>
</div>

Answer 2

替代。JS 日期是一个 ISO 日期，所以我们只需要使用时刻转换方法来使用 JS 原生日期格式。这不需要您创建自定义格式化程序。

{{myMomentDate.toISOString() | date: <your angular filter>}}