How to get to display full time picker in IE 10, Firefox, Safari, etc

Question

I've been struggling with this all day.

I've been using <input type="time" /> for a long time in one of our company web apps, and only recently did I discover that this has only been showing a dropdown with 5-minute intervals in IE and Firefox.

I assume the same is happening in Safari, based on this page.

Is there any solution so that this will work across all browsers?

As a side note, it seems pretty ridiculous that these extremely popular browsers wouldn't support the new HTML5 input types. Super frustrating.

Anyways, thanks in advance for the help.

score 2 · Answer 1 · edited May 23 '17 at 12:15

2

I would suggest you to use a javascript time picker. It works more reliably then the default one. Have a look at

Whats a Good Javascript Time Picker?

Hope this help.

edited May 23 '17 at 12:15

Community

1
1

answered Feb 18 '14 at 00:45

Toan Nguyen

11,263
5
43
59

score 1 · Answer 2 · answered Feb 18 '14 at 00:52

1

Unfortunately Date/time input types are still CSS Working Drafts. So if you want to make it work across all browsers, you have no choice but to use a polyfill. Like this one for example.

answered Feb 18 '14 at 00:52

marcosbdm

1,002
8
8

Good idea, but it looks and works like trash in IE10. These other browsers need to keep up with the times, like damn. – keeehlan Feb 18 '14 at 01:01

score 0 · Accepted Answer · answered Mar 03 '14 at 21:53

0

I ended up going with DateBox.

answered Mar 03 '14 at 21:53

keeehlan

7,874
16
56
104

How to get to display full time picker in IE 10, Firefox, Safari, etc

3 Answers3

Linked

Related