Angular6 Проверка даты и времени с помощью ngIf внутри HTML-шаблона

Question

Я использую Angular6.

Ниже находится ngfor с дел. Здесь API выводит дату и время встречи со статусом. Обычно статус наступающий.

Если дата - 18.09.2008. и время 5.30 вечера.

<div class="col-sm-12" *ngFor="let todayinfo of todaylist  |  paginate: { id: 'todaypage', itemsPerPage: itemperpage, currentPage: page, totalItems: todaytotal}">

<div class="meeting-date-time" title="Date Time" >
              {{todayinfo.meeting_date  | date: 'MMM d, y '}} <br>{{todayinfo.displayTime}}               
              </div>
<div>{{todayinfo.status}} </div>

</div>

Статус предстоящего изменения должен быть изменен на Join до 15 минут времени собрания.

т. Е. В 18 сентября в 5:15 вечера содержимое должно измениться на Join. Вот как можно проверить дату и время. Он отображается внутри цикла. Если есть какое-либо действие щелчка, мы проверим это с помощью отдельной функции. Без каких-либо событий, как проверить состояние даты здесь?

Теперь вывод

Sep 18 2018 5.30 PM   --- Upcoming 
Sep 4 2018  9.00 AM -- Completed
Spe 17 2018 7.15 PM -- Upcoming

Эти upcoming необходимо изменить на Join до 15 мин соответствующего времени даты.

Answer 1

Существует простое решение, как этого добиться:

const meetings = [
    {meeting_date: new Date(2018, 8, 17, 11, 44), status: null},
    {meeting_date: new Date(2018, 8, 17, 12, 45), status: null}
];
const today = new Date();

meetings.filter(meeting => (meeting.meeting_date.getTime() - today.getTime()) <= 900000).forEach(meeting => meeting.status = 'Join');

Он проверит собрание, где разница во времени меньше или равна 900000 (15 минут), и пометит их статус «Присоединиться».