AngularJS показывает месяц только для нескольких дат одного месяца - PullRequest
0 голосов
/ 31 декабря 2018

Мне нужно показывать выписку по счету в месяц вместо дат.У меня есть массив дат, как показано ниже:

Массив дат

[
  "2018-12-15T06:36:56",
  "2018-12-14T06:36:56",
  "2018-12-16T06:36:56",
  "2018-12-01T06:36:56",
  "2018-11-13T06:36:56",
  "2018-11-01T06:36:56"
]

, основанный на приведенном выше примере, я могу просмотреть каждую из них и показать шоу соответственнов удобочитаемом формате.Но я хочу показать только один месяц, если есть несколько дат.

---- PS ----

Я могу отфильтровать массив выше "Формат Месяц и Год (ММ-ГГГГ) ", и я получаю ответ в консоли.Но я сталкиваюсь с проблемой передачи этого массива за пределы цикла forEach.

Имею ввиду, если я утешу это внутри цикла, я получу правильный ответ в форме массива.Но после выхода из цикла я вижу только последнюю строку объекта массива.

Далее, пожалуйста, проверьте plunkr demo

1 Ответ

0 голосов
/ 31 декабря 2018

Неважно, после удара головой об стену и некоторой удачи мне удалось это сделать.

Сначала я изменил массив с отфильтрованным форматом "месяц-год" с циклом ниже.

$scope.statementListRespone = [
  "2018-12-15T06:36:56",
  "2018-12-14T06:36:56",
  "2018-12-16T06:36:56",
  "2018-12-01T06:36:56",
  "2018-11-13T06:36:56",
  "2018-11-01T06:36:56"
]

var listOutput = $scope.statementListRespone;
var outputList = [];

angular.forEach(listOutput, function(type, $index) {
  output = $filter('date')(listOutput[$index], "MMM yyyy");

  if (output.indexOf(type) === -1) {
    // push this item to our final output array
    outputList.push(output);
  }
});
$scope.outputListFiltered = outputList;

Это даст нам результат, как показано ниже:

outputList: Modified Array

[
  "Oct 2018",
  "Nov 2018",
  "Nov 2018",
  "Dec 2019",
  "Dec 2019",
  "Dec 2019",
  "Dec 2019"
]

Чем в части вида я обновил код цикла, следуя в строке 27 (из plunkr));

Просмотр

<tr ng-repeat="stateItem in sortedType = (outputListFiltered | unique)">

Примечание: я использовал библиотеку angular.filter для фильтрации уникальных значений.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...