Как сделать статичное двоеточие в input?

Question

[ne_pes]

Нужно сделать поле ввода для времени, нужно чтобы посреди стояло двоеточие, и редактировались отдельно часы и минуты. Как реализовать?

Answer 1

[Игорь Мавлиханов]

https://github.com/RobinHerbots/Inputmask

$("#time_apertura").inputmask({"alias":"Regex","regex":"^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$"});

Answer 2

[profesor08]

https://developer.mozilla.org/en-US/docs/Web/HTML/...

<label for="appt">Choose a time for your meeting:</label>

<input type="time" id="appt" name="appt"
       min="09:00" max="18:00" required>

<small>Office hours are 9am to 6pm</small>