Input time value Javascript [duplicate]

Question

I am trying to set the value of my time input with javascript here is what I am doing

var div = document.createElement("DIV");
var div_id = "div_hours_" + "1";

var input_open = document.createElement("INPUT");
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
input_open.type = 'time';
input_open.name = 'time_open_input';
input_open.value = h+ ":" + m + " am";

div.appendChild(input_open);
el("body_div").appendChild(div);

But when I do this, I see the time input, but its value is empty?

Why isn't the value being input?

Thanks for the help

potatopeelings · Accepted Answer · 2015-12-03 05:57:19Z

0

You need to

Define the variable numOfHours
Remove the line input_open.type = 'time'; (time is not yet supported in IE)
Add a function for el (or you could replace it with the line - document.getElementById("body_div").appendChild(div) assuming your are looking to append to a div with id as body_div

If you are using Chrome just change your last line to (instead of doing 2. above)

input_open.value = h + ":" + m;

edited Dec 3, 2015 at 5:57

answered Dec 3, 2015 at 5:50

potatopeelings

41.2k8 gold badges97 silver badges121 bronze badges

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

5 Comments

spen123 Over a year ago

So 1, and 3 are done I should of included them in mode code sorry, and what do I do number 2

potatopeelings Over a year ago

caniuse.com/#feat=input-datetime - it's not supported yet in IE. If you are using Chrome just lose the " am" in your last line and it should work.

potatopeelings Over a year ago

i.e. just do input_open.value = h + ":" + m;

Rahul Desai Over a year ago

So you answer the question and mark it as duplicate too? lol

potatopeelings Over a year ago

:-) it "seemed" like there were multiple problems at first, but then OP said that they were just a result of formatting the code for the question. And then I came back in a while, saw a comment (against the question I think) and went - yeah that's right, its a dupe.

Arg0n · Accepted Answer · 2015-12-03 06:12:36Z

-1

Reference

value = time

A string representing a time (with no timezone information).

A valid partial-time as defined in [RFC 3339].

Examples: 23:20:50.52 17:39:57

You may want to change the type to plain text.

See this JSFiddle

JavaScript

var div = document.createElement("div");
var div_id = "div_hours_" + "1";

var input_open = document.createElement("input");
var today=new Date();
var h=today.getHours() < 10 ? "0" + today.getHours() : today.getHours();
var m=today.getMinutes() < 10 ? "0" + today.getMinutes() : today.getMinutes();
var s=today.getSeconds() < 10 ? "0" + today.getSeconds() : today.getSeconds();
input_open.type = 'text';
input_open.name = 'time_open_input';
input_open.value = h + ":" + m + " am";

div.appendChild(input_open);
document.body.appendChild(div);

edited Dec 3, 2015 at 6:12

answered Dec 3, 2015 at 5:54

Arg0n

8,4532 gold badges26 silver badges39 bronze badges

2 Comments

Wesley Smith Over a year ago

This is more suited to a comment

Wesley Smith Over a year ago

Wow, that's a pretty harsh reaction, happy coding

Collectives™ on Stack Overflow

Input time value Javascript [duplicate]

2 Answers 2

5 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Linked

Related