角度中的moment.js并不像我期望的那样格式化

时间:2016-04-22 14:44:40

标签: angularjs momentjs angular-directive angular-moment

我有一个时间从服务器中拉出以下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。我怀疑它可能与时区有关,但我不确定。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

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>

答案 1 :(得分:0)

另一种选择。 JS date是一个ISO Date,所以我们只需要使用moment转换方法来使用JS本机日期格式。这不需要您创建自定义格式化程序。

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