Set an Initial Time String to an Input Element Using JQuery

Question

I have an input element of type time on my page which I save off the user time selection in the format which was given 12:22. But I am having trouble loading the time 12:22 string back into the element on a return session.

How does one load the time, and show the time, in a type input element?

Element

<input type="time" id="Time1"/>

I've tried

$('#Time1').val = '3:22';

and

$('#Time1').value = '3:22';

with no luck.

My initial value in the config file (not set by the user) had a value of 3 and should be 03. I am marking the answers related to the first problem of assignment and not the loading value which has to be XX not X.

Try $('#Time1').val('12:22'); or $('#Time1')[0].value = '12:22'; — Musa
– Musa, Commented Jun 25, 2021 at 3:19
I tried the hardcoded first you suggested, and got the time. Let me investigate the transport json with the time to see why it may be failing. — ΩmegaMan
– ΩmegaMan, Commented Jun 25, 2021 at 3:22

Spectric · Accepted Answer · 2021-06-25 03:27:50Z

1

The value property does not exist in a jQuery object. Use the val() method:

$('#Time1').val('12:22');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="time" id="Time1"/>

answered Jun 25, 2021 at 3:27

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

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

1 Comment

ΩmegaMan Over a year ago

This resolved my initial problem which solved my issue and I am marking this as such. thx. The other post divined by second problem of trying to load 3:45 and not 03:45 which I didn't properly show initially....

Negi Rox · Accepted Answer · 2021-06-25 03:34:43Z

1

you can do this by the below code.

function AssignTime() {
   
   var d = new Date();
  document.getElementById("Time1").value = d.toLocaleTimeString(navigator.language, {hour: '2-digit', minute:'2-digit'}).split(" ")[0];//time should be in 24 hrs format.
}

Time: <input type="time" id="Time1">
<button onclick="AssignTime()">Assign</button>

edited Jun 25, 2021 at 3:34

answered Jun 25, 2021 at 3:27

Negi Rox

3,9421 gold badge14 silver badges18 bronze badges

2 Comments

ΩmegaMan Over a year ago

This post divined my second problem ("time should be in 24 hrs format. }" of trying to load 3:45 and not 03:45 which I didn't properly show initially (my bad)....I would like to mark this as the answer, but went with the other one.

Negi Rox Over a year ago

@ΩmegaMan no problem bro. you can mark if u want :)

Collectives™ on Stack Overflow

Set an Initial Time String to an Input Element Using JQuery

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related