Почему при переключении с input type="text" на input type="date" календарь не открывается?

Question

[andreyqin]

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

Так как у инпута с типом date не работает placeholder, то воспользовался хаком: изначально поле имеет тип text, а при фокусе становится date. Но проблема в том, что в мобильной версии Хрома при фокусе календарь открывается только со второго клика. То есть, как я понял, при первом клике оно меняет тип и только при втором - открывает календарь. Попробовал в UC и Safari - все ок, работает так, как мне нужно. Как можно исправить данную проблему?

Пример - jsfiddle.net/1t00qour

Answer 1

[sim3x]

$(this).attr('type', 'date').click()?

Comments

[andreyqin]

Да, спасибо, работает. Что-то я расслабился :)

Answer 2

[Евгений Петров]

Можно поэкспериментировать с генерацией событий focus, click, о чём уже сказал sim3x.
Можно попробовать не изменять тип поля, а просто прятать и показывать его по необходимости.

Comments

[andreyqin]

Вариант sim3x работает, но ваш вариант учту на будущее, просто сейчас не хочется менять один костыль на другой :)

[Евгений Петров]

andreyqin: ОК:) Я помню те времена, когда такой фокус не прокатывал в IE. Впрочем, мне и без него кажется идеологически некорректным на ходу менять тип нативного элемента, дизайн которого зачастую зависит от ОС. Состояния — не вопрос, но тип...
К тому же, не нужно подстраивать размер — оболочка растянется под элемент формы.