value of input type time in javascript

Question

I have this html:

<input required="" id="time" type="time">

js:

var time = $('#time').val();
console.log(time); // it outputs e.g. 10:00
var newTime = time--; // NaN
var convert = new Date(time); // Invalid Date

How to work with the value of input? I want to compare it to the other input's value or other basic operations like decrease time with 1 hour but I'm not able to convert it to Date object.

It's just a string w3schools.com/jsref/prop_input_time_value.asp — Unglückspilz
– Unglückspilz, Commented Nov 7, 2015 at 16:48
document.querySelector("#time").valueAsDate or .valueAsNumber -> HTMLInputElement — Andreas
– Andreas, Commented Nov 7, 2015 at 16:49
I know, but question is how to convert it to date? edit: thanks — dontHaveName
– dontHaveName, Commented Nov 7, 2015 at 16:49
is there any way how to get that value in jquery(with $(this))? $(this).valueAsDate doesn't work — dontHaveName
– dontHaveName, Commented Nov 7, 2015 at 16:57
@dontHaveName "is there any way how to get that value in jquery(with $(this))? $(this).valueAsDate doesn't work" valueAsDate is DOM element proerty , not jQuery method . See post. — guest271314
– guest271314, Commented Nov 7, 2015 at 16:58

Emile Bergeron · Accepted Answer · 2017-05-09 20:28:42Z

2

Try using valueAsDate property

$("input[type=time]").on("change", function() {
  console.log(this.valueAsDate)
})

<input required="" id="time" type="time">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

edited May 9, 2017 at 20:28

Emile Bergeron

17.5k5 gold badges85 silver badges133 bronze badges

answered Nov 7, 2015 at 16:57

guest271314

1

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

2 Comments

dontHaveName Over a year ago

and any way how to get it back to hh:mm? just with new Date(value) right?

guest271314 Over a year ago

@dontHaveName "any way how to get it back to hh:mm?" Try this.valueAsDate.toJSON().slice(-13, -8) . Could also use this.valueAsDate.getHours() , this.valueAsDate.getMinutes()

Collectives™ on Stack Overflow

value of input type time in javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related