以angularjs ng repeat获取从日期算起的月份

我有一个AngularJS 1.X应用程序，其中包含一个从.json文件检索的日期字段。日期正在从字符串转换为日期对象，以便对列表进行排序，但我需要捕获日期的“月”部分，以便根据和进行分组，以便单独显示，但无法计算出来

这是我的控制器和HTML：

角度控制器：

(function () {

    "use strict";

    angular.module("xxyyzz")
        .controller("displayEventCtrl", displayEventCtrl);

    function displayEventCtrl($http) {
        var model = this;
        model.header = "Upcoming Events";
        model.events = [];
        $http.get("/App/Data/eventCalendar.json")
            .then(function (response) {
                model.events = response.data;
                console.log(model.events);
            });
        model.sortDate = function (event) {
            var date = new Date(event.date);
            return date;
        }
    }
})();

HTML:

---

任何帮助都将不胜感激。

您可以使用名为矩的js api。注入时刻作为依赖项。您可以使用moment以任意格式获取日期

时刻（）.get（'month'）

---

要获取月份，请使用

var Xmas95=新日期（'1995年12月25日23:15:30'）；
var month=Xmas95.getMonth（）；
console.log（月）；//11

你能在这里添加你的json吗当你问一个关于你的代码引起的问题时，如果你提供人们可以用来重现问题的代码，你会得到更好的答案。谢谢你的回复。我的问题是，我试图从ng repeat中的数组中提取日期。所以我不能像上面那样声明变量，因为它是返回数组{{event.date}的一部分。我需要知道的是如何从嵌套项中获取日期部分。

    <div ng-controller="displayEventCtrl as model">
    <h3><i class="fa fa-calendar"></i> {{model.header}}</h3>
    <div class="list-group">
        <a href="#" class="list-group-item" ng-repeat="event in model.events | orderBy : -model.sortDate : true track by $index">
            <div class="list-group-item-heading">
                <h4>{{event.title}}</h4>
            </div>
            <p class="list-group-item-text">
                Tuctus placerat scelerisque.
            </p>
            <div class="row">
                <div class="col-xs-6">
                    <span class="small">{{event.location}}</span>
                </div>
                <div class="col-xs-6">
                    <span class="small pull-right">
                        {{event.startTime}} - {{event.endTime}}
                    </span>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-9">
                    <span class="small">{{event.city}}, {{event.state}}</span>
                </div>
                <div class="col-xs-3">
                    <span class="small pull-right">{{event.date}}</span>
                    <div class="clearfix"></div>
                </div>
            </div>
        </a>
    </div>
</div>

    [
  {
    "id": 1,
    "title": "Christmas Parade",
    "date": "12/25/2017",
    "city": "Dallas",
    "state": "TX",
    "location": "Galleria Mall",
    "startTime": "11:00",
    "endTime": "15:00"
  },
  {
    "id": 2,
    "title": "Thanksgiving Parade",
    "date": "11/23/2017",
    "city": "Denver",
    "state": "CO",
    "location": "Mile High Stadium",
    "startTime": "11:00",
    "endTime": "15:00"
  },
  {
    "id": 3,
    "title": "Halloween Parade",
    "date": "10/31/2017",
    "city": "Sleepy Hollow",
    "state": "NY",
    "location": "Ichabod Crane House",
    "startTime": "19:00",
    "endTime": "21:00"
  },
  {
    "id": 4,
    "title": "Independence Day Fireworks",
    "date": "07/04/2017",
    "city": "Washington",
    "state": "DC",
    "location": "National Mall",
    "startTime": "11:00",
    "endTime": "15:00"
  }
]