input type="time"

[SRastrigin]

Всем привет.

 

Прошу дать совет : заказчик попросил сделать поле выбора времени. Диапазон значений от 09:00 до 20:00 c шагом 30мин.

Вышло так

<input type="time" name="timeexample" id="timeexample" step="1800" min="09:00:00" max="20:00:00" />

Проблема 1 = в ряде браузеров не поддерживается, соответственно необходимо сделать это на js или все таки есть варианты как обойти?

Проблема 2 = дизайнер отрисовал как это должно выглядеть, и вот что у него вышло , как это сделать?

 

Ребят выручайте, перепробывал всё и скоро я уйду в запой))))

[Great Rash]

Начинайте уходить в запой, т.к. то, что нарисовал дизайнер, средствами CSS+HTML кроссбраузерно сделать у вас не получится. Вам нужно реализовать этот контрол при помощи JS.

[SRastrigin]

Спасибо большое