Kак в input[type="date"] сделать так,чтобы открытие календаря происходило не только с иконки, а при нажатии на любую часть input?

Question

[Alexey1307]

Разрабатываю календарь, выбор даты осуществляется с помощью <input type="date">. Проблема в следующем - всё поле input не реагирует на щелчок мыши, реагирует только иконка календаря. Что можно сделать, чтобы календарь появлялся при нажатии на любую часть <input type="date">?
На Хабре был подобный вопрос, но решение там - не рабочее!

Comments

[ProjectSoft]

Разрабатываю календарь

Серьёзно??? Судя по вопросу вы его не разрабатываете, а копируете к себе откуда-то.
Иконка и инпут находятся в каком-то элементе. Вот на него и вешайте клик. А дальше проверяйте, на чём именно был клик.

[Alexey1307]

ProjectSoft, Серьезно! вывод о копировании откуда - сам так делаешь, или просто хамануть охота и нормально разговаривать не научили? обработчик вообще-то висит на кнопке формы а не на инпуте! так что вопрос в целом был о том как изменить стандартное поведение тега с типом date! так что сначала надо хотя бы разобраться в чем дело, а после уже лезть со своими замечаниями!

Answer 1

[Андрей Федоров]

Один из вариантов - сделать двойной клик - https://codepen.io/aliencash/pen/OJzpOEj

Comments

[Alexey1307]

так не работает:) попробуйте сделать двойной клик на дд.мм.гггг. или пустом пространстве, вообщем любом месте кроме иконки - календарь не откроется!

[Андрей Федоров]

Alexey1307, у меня работает и ff, и в хроме.

[Alexey1307]

Андрей Федоров, навели меня на мысль попробовать в другом браузере, и действительно в Firefox - отработал ваш код... А в Хроме почему то не хочет... Ну в любом случае решение рабочее - поэтому большое спасибо)) теперь только осталось разобраться, что не так с хромом...

[Андрей Федоров]

Alexey1307, тогда такой вариант - https://codepen.io/aliencash/pen/PoEpEBx

[Alexey1307]

Андрей Федоров, Бинго!! Все заработало и в Хроме))
Андрей Спасибо большое за вашу помощь:))