How to create javascript date object from html input type time?

Question

This question answers how to convert HH:mm:ss string into a Javascript date object. The string returned from HTML time input is not always in the HH:mm:ss format. The format varies.

The answers in the linked question will not work in-case of dynamic formats.

How to create a Javascript date object from this input value which does not have a fixed format?

Possible duplicate of How to convert a HH:mm:ss string to to a Javascript Date object? and Converting time string into Date object and Javascript Date Object from string in form 'HH-MM' — adiga
– adiga, Commented May 21, 2019 at 3:27
possible duplicate of how-to-convert-html5-input-type-date-and-time-to-javascript-datetime — AsukaSong
– AsukaSong, Commented May 21, 2019 at 3:28
@adiga The answers in the linked question will not work in-case of dynamic formats. — Yuvaraj V
– Yuvaraj V, Commented May 21, 2019 at 3:49

Kolappan N · Accepted Answer · 2019-05-21 04:07:16Z

13

This is an optimised version of benihamalu's answer.

const today = new Date();
console.log(new Date(today.toDateString() + ' ' + "13:30"));

answered May 21, 2019 at 4:07

Kolappan N

4,0413 gold badges40 silver badges45 bronze badges

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

Comments

benihamalu · Accepted Answer · 2019-05-21 03:29:55Z

2

I assume you want current date, in that case you need to get the current date and then pass the current time.

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
console.log(new Date(today + " " + "13:30" /*pass your time*/));

answered May 21, 2019 at 3:29

benihamalu

214 bronze badges

Comments

Mn Mm · Accepted Answer · 2019-10-11 21:15:54Z

1

simple answer

function TimeToDate(time) {
    var today = new Date();
    time = new Date('1970-01-01' + ' ' + time + 'Z').getTime();
    var date = today.setHours(0, 0, 0, 0);
    var DateTime = new Date(date + time);
    return DateTime;
}

console.log(TimeToDate("13:30:7.026"));

edited Oct 11, 2019 at 21:15

answered Oct 11, 2019 at 20:39

Mn Mm

262 bronze badges

Collectives™ on Stack Overflow

How to create javascript date object from html input type time?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related