Как написать условие для input, чтобы он проверял ввод корректной даты?

Question

[vtaeke]

Всем привет. Есть такая проблема, что в input можно ввести дату 77.77.2023 и фронт ее пропустит.
Нажимая на кнопку добавить, товар добавляется с сегодняшней датой. Как правильно прописать условие на проверку даты, чтобы она не давала ввести дату в формате 77.77.2023 и выводило ошибку?

Comments

[Евгений Залецкий]

Должно подойти

[Рамис]

<input type="date">, или я чего то не понимю

[vtaeke]

Рамис, внутренняя библиотека в которой нельзя так сделать, поэтому такой и вопрос)

Answer 1

[Сергей delphinpro]

Получить строку даты из input.value
Привести ее к виду YYYY-MM-DD
Вызвать Date.parse(value)
Если результат NaN, значит дата не корректная

Далее можно получить объект даты new Date( Date.parse(value) ) и работать с ним для дополнительных проверок. Например, если какие-то дни под запретом, дата из прошлого или слишком далекого будущего, и т.п.