Как активировать вывод всплывающего окна у input[type="datetime-local"] при клике в любую часть поля?

Question

[weranda]

Приветствую.
Есть просто HTML поле: input[type="datetime-local"] (тут пример)
Всплывающее окно с выбором даты и времени открывается только при клике на календарике в правой части поля. Можно ли как-то сделать так, чтобы всплывающее окно с выбором данных появлялось при клике в любой части поля?

Answer 1

[zkrvndm]

Сделать можно, но работать будет не везде, так как это календарик он системный и где-то он есть, а где-то нет.

Используйте эту инструкцию:
https://frontips.ru/effekt-sledovaniya-za-kursorom/
Только вместо кружочка сделайте так, чтобы за курсором следовал уголок поля. Само поле сделайте невидимым при помощи opacity. Это называется кликджекинг.

P. S. Но лучше просто возьмите какой-нибудь готовый плагин вывода датапикера, так правильнее.