html5 input for timecode?

Question

I would like use an html5 input field for editing video and audio timecode. Unfortunately, I cannot seem to find a good way to do this. I want to display and edit:

hours, minutes, seconds, and milliseconds.

Here is what my investigation turns up thus far:

<input type="datetime-local"> displays day, month, year, am/pm information (not needed).

enter image description here

<input type="time"> does not display milliseconds information (needed) and displays am/pm information (not needed).

enter image description here

Do I need a custom widget? Does one exist? Can I modify the existing html5 widgets?

CodingIntrigue · Accepted Answer · 2014-07-07 14:19:00Z

1

If you need to be cross-browser compliant you will need a custom widget. None of the standard input components act in this way across all browsers.

However, specifying the step attribute will work in Chrome:

<input type="time" step="00.01">

http://jsfiddle.net/Ng67n/

You can't modify the standard controls to do this, unless you use some sort of masking plugin on a standard text input.

answered Jul 7, 2014 at 14:19

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jedierikb Over a year ago

Thanks. Researching how to drop am/pm from the field. stackoverflow.com/questions/17007037/…

Collectives™ on Stack Overflow

html5 input for timecode?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related