Как отследить дату?

Question

[Amenov_Abdul]

Здравствуйте!

Не могу понять как мне выполнить следующею задачу:

Есть вывод тендеров, и у каждого есть дата окончания, нужно скрывать автоматически тендер когда дата окончания наступила. Без перезагрузки.
Делал так: v-if="new Date() < new Date(tender.date_end)" но так не отрабатывает... Пытался через computed. Тоже не то. Видимо не правильно понимаю как это работает.

Comments

[JhaoDa]

Ларавел тут при чём?

[Юрий Горбунов]

Странно почему не отрабатывает v-if="new Date() < new Date(tender.date_end)" вполне обычное рабочее решение, за исключением того, что данные все равно попадают во фронт и уже там скрываются.

Это можно было бы сделать на этапе получения данных в mounted или created где вы делаете запрос к API и после получения ответа отфильтровать данные по дате и скормить фронту уже только список актуальных тендеров.

Answer 1

[Михаил]

tenders = [
	{
		isActive: true,
		date: дата
	}
]

в mounted или created ставить setInterval и каждую секунду проверять дату тендеров, и ставить флаг что он не активный

Comments

[Amenov_Abdul]

Можно примерно код?

[Михаил]

Абдул Аменов, зависит от того, что уже написано, но идею я показал

Answer 2

[Антон]

https://jsfiddle.net/az9tvyqs/