Как получить окончательный выбор даты из элемента ввода типа даты?

Question

Когда вы создаете элемент ввода с типом date, современные браузеры предоставляют средство выбора даты.Я заметил, что Firefox, а также другие браузеры запускают событие «change» при каждом изменении даты, поэтому, когда вы пролистываете месяцы или годы, запускается событие «change», даже если вы не закончили, выбираядата вы хотите.Есть ли способ узнать, когда меню закрыто и выбор «окончательный»?Кажется, что только «ввод» и «изменение» как типы событий.Я надеялся, что будет «закрытое» событие или что-то подобное.

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

Итак, есть ли способ узнать, когда он закрылся, и пользователь сделал свой «окончательный» выбор, и они не просто перелистывают календарь?

Answer 1

В настоящее время нет способа определить, открыт или закрыт календарь, а также нет событий, вызывающих его закрытие.

События change и inputКажется, что оба запускаются в одинаковых условиях, особенно когда текст в поле ввода изменяется.Это происходит, когда пользователь выбирает дату из календаря, но также и когда он вводит текст прямо в поле.

Если вы хотите, чтобы пользователь работал единообразно, лучшим вариантом было бы использовать пользовательский инструмент выбора даты, так какВнешний вид и поведение календаря различаются в разных браузерах.