Как отобразить данные в виде даты в Angular5 или Javascript?

Question

Как отобразить данные в виде даты в Angular5 или Javascript?

1

Я пытаюсь показать данные как мудрые данные в моем приложении с угловым 5. У меня есть uniq date list массив и массив данных. Мне нужны данные, как показано ниже.

19/01/2018

Хайдарабад, Ченнай

20/01/2018

Ченнаи, Дели

21/01/2018

Хайдарабад, Мумбаи

Массивы Мне это нравится

dates_list = [19/01/2018, 20/01/2018, 21/01/2018];
data_list = [{
name: "Hyderabad"
date: "19/01/2018",
}, 
{
name: "Chennai"
date: "19/01/2018",
}, 
{
name: "Chennai"
date: "20/01/2018",
},
{
name: "Delhi"
date: "20/01/2018",
},
{
name: "Mumbai"
date: "21/01/2018",
},
{
name: "Hyderabad"
date: "19/01/2018",
}
]

Пожалуйста, предложите мне, как это сделать. Спасибо

Swamy Reddy 16 авг. 2018, в 10:33

Источник

1

одна вещь, которую вы можете сделать, это преобразовать дату в метку времени, тогда вы можете легко сравнить их, но может быть лучший подход
Abhay Sehgal 16 авг. 2018, в 07:54
0

Вы хотите создать группу, см., Например, stackoverflow.com/questions/40774697/…
Eliseo 16 авг. 2018, в 07:55

Теги:

angular

javascript

1 ответ

Ещё вопросы

одна вещь, которую вы можете сделать, это преобразовать дату в метку времени, тогда вы можете легко сравнить их, но может быть лучший подход
Вы хотите создать группу, см., Например, stackoverflow.com/questions/40774697/…

UnluckyAj · Accepted Answer · 2018-08-16T06-07-00.000Z

DEMO

TS:

filterdArray: Array<any> = [];

  dates_list = ['19/01/2018', '20/01/2018', '21/01/2018'];
  data_list = [{
    name: "Hyderabad",
    date: "19/01/2018",
  },
  {
    name: "Chennai",
    date: "19/01/2018",
  },
  {
    name: "Chennai",
    date: "20/01/2018",
  },
  {
    name: "Delhi",
    date: "20/01/2018",
  },
  {
    name: "Mumbai",
    date: "21/01/2018",
  },
  {
    name: "Hyderabad",
    date: "19/01/2018",
  }
  ];

  constructor() {
    this.getValiDates();
  }


  getValiDates() {
    this.dates_list.forEach(el => {
      this.filterdArray.push({ key: el, data: this.data_list.filter(data => data.date == el) });
    })
  }

HTML:

<div *ngFor="let d of filterdArray; let i = index">
    {{d.key}}
    <div *ngFor="let data of d.data">
        {{data | json}}
    </div>
</div>

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