Using Javascript to input time in HTML5 time field

Question

I'm trying to create a function in JS that will fill in the html5 <input type=time> with a format like this hh:mm:ss.

function timeChange(){
var d = new Date();
d.getHours();
d.getMinutes();
d.getSeconds();

var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();

document.getElementById("time_in").value = (....);
}

I'm not sure how to code the .value for this. I've tried using .value = (hours":"minutes":"seconds); but that just gives me a compile error.

Anyone got ideas? I just need it in hh:mm:ss.

HTML5 code:

 <button type="button" onClick="timeChange()">Time</button>

 <input id="time_in" type="time" name="time_in">

freejosh · Accepted Answer · 2012-11-19 17:55:27Z

6

hours":"minutes":"seconds isn't concatenating the string, you need +s: hours+":"+minutes+":"+seconds

answered Nov 19, 2012 at 17:55

freejosh

11.4k4 gold badges36 silver badges47 bronze badges

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

1 Comment

freejosh Over a year ago

@Envious No worries, it happens to all of us

int32_t · Accepted Answer · 2012-11-20 02:04:39Z

1

var d = new Date();
// Need to create UTC time of which fields are same as local time.
d.setUTCHours(d.getHours(), d.getMinutes(), d.getSeconds(), 0);
document.getElementById("time_in").valueAsDate = d;

answered Nov 20, 2012 at 2:04

int32_t

6,2002 gold badges25 silver badges23 bronze badges

Comments

Shmiddty · Accepted Answer · 2012-11-19 18:06:02Z

0

The simplest way would be to grab the time string from the Date object:

var time = (new Date()).toTimeString().split(' ')[0];

The split allows us to remove the timezone portion of the string.

answered Nov 19, 2012 at 18:06

Shmiddty

13.9k1 gold badge38 silver badges52 bronze badges

Comments

hopper · Accepted Answer · 2012-11-19 18:11:49Z

0

document.getElementById('time_in').value = hours + ":" + minutes + ":" + seconds;

Otherwise you're not creating one concatenated string.

edited Nov 19, 2012 at 18:11

hopper

13.5k7 gold badges52 silver badges54 bronze badges

answered Nov 19, 2012 at 17:58

Ryan

5,6823 gold badges40 silver badges66 bronze badges

Collectives™ on Stack Overflow

Using Javascript to input time in HTML5 time field

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related