Combine date and time string into single date with javascript

Question

I have a datepicker returning a date string, and a timepicker returning just a time string.

How should I combine those into a single javascript Date?

I thought I found a solution in Date.js. The examples shows an at( )-method, but I can't find it in the library...

can you addin a small code snippet or jsfiddle that shows an example with actual and expected values? — theshadowmonkey
– theshadowmonkey, Commented May 16, 2013 at 21:39
If you follow the link to the datepicker and timepicker, there are actual working samples of both. — Vegar
– Vegar, Commented May 16, 2013 at 21:40

Varun Suresh Kumar · Accepted Answer · 2019-02-19 10:05:54Z

34

You can configure your date picker to return format like YYYY-mm-dd (or any format that Date.parse supports) and you could build a string in timepicker like:

 var dateStringFromDP = '2013-05-16';

 $('#timepicker').timepicker().on('changeTime.timepicker', function(e) {
    var timeString = e.time.hour + ':' + e.time.minute + ':00';
    var dateObj = new Date(datestringFromDP + ' ' + timeString);
  });

javascript Date object takes a string as the constructor param

edited Feb 19, 2019 at 10:05

Varun Suresh Kumar

8791 gold badge7 silver badges16 bronze badges

answered May 16, 2013 at 21:40

dm03514

56.1k18 gold badges117 silver badges147 bronze badges

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

2 Comments

Vegar Over a year ago

Even if I set the format for the datepicker (like data-date-format="dd. MM yyyy") the value set to the scope is a date, not a string. I managed to get what I wanted with the following code: Date.parse($scope.date.toString("dd.MM.yyyy") + " " + $scope.fromTime);

Elias Zamaria Over a year ago

This may not work in Safari. I tried running new Date('2018-10-30 10:00') in Safari 12 and got Invalid Date back. Safari can parse new Date('2018-10-30T10:00') but that will produce a different result than other browsers (see my comment to Jan.J's answer).

Jan.J · Accepted Answer · 2019-06-26 21:49:05Z

19

Combine date and time to string like this:

1997-07-16T19:20:15

Then you can parse it like this:

Date.parse('1997-07-16T19:20:15');

You could also use moment.js or something similar.

edited Jun 26, 2019 at 21:49

answered May 16, 2013 at 21:40

Jan.J

3,0801 gold badge26 silver badges34 bronze badges

2 Comments

Jay Over a year ago

moment.js is a lifesaver

Elias Zamaria Over a year ago

Be careful with this. I ran new Date('2018-10-30T10:00') in Safari and got Tue Oct 30 2018 03:00:00 GMT-0700 (PDT). But I ran the same thing in Chrome and got Tue Oct 30 2018 10:00:00 GMT-0700 (Pacific Daylight Time). It seems that Safari interprets the time as UTC, and most other browsers interpret it as whatever the browser's time zone is.

David Silva Smith · Accepted Answer · 2015-11-27 08:30:36Z

8

For plain JavaScript:

combineDateAndTime = function(date, time) {
    timeString = time.getHours() + ':' + time.getMinutes() + ':00';

    var year = date.getFullYear();
    var month = date.getMonth() + 1; // Jan is 0, dec is 11
    var day = date.getDate();
    var dateString = '' + year + '-' + month + '-' + day;
    var combined = new Date(dateString + ' ' + timeString);

    return combined;
};

answered Nov 27, 2015 at 8:30

David Silva Smith

11.7k11 gold badges69 silver badges94 bronze badges

2 Comments

shaedrich Over a year ago

What does the '' + in front of year in the row where you concatinate the dateString do? Since it doesn't contain a space, it shouldn't do anything.

David Silva Smith Over a year ago

@shaedrich seems you are right it doesn't need that at least in a quick test on playcode.io/new. I'm guessing at the time it was to force string concatenation, seems it may not have been necessary.

mtpultz · Accepted Answer · 2018-07-19 20:28:38Z

6

You can concatenate the date and time, and then use moment to get the datetime

const date = '2018-12-24';
const time = '23:59:59';

const dateTime = moment(`${date} ${time}`, 'YYYY-MM-DD HH:mm:ss').format();

answered Jul 19, 2018 at 20:28

mtpultz

18.5k24 gold badges128 silver badges211 bronze badges

Comments

Kurt · Accepted Answer · 2021-03-26 10:14:20Z

3

Boateng's example fails in cases where time consisted of hours, minutes, days or months that ranged from values 0-9 as getDate(), getMonth() etc... will return 1 digit in these cases and the time string will fail and an invalid date is returned:

function CombineDateAndTime(date, time) {
     const mins = ("0"+ time.getMinutes()).slice(-2);
     const hours = ("0"+ time.getHours()).slice(-2);
     const timeString = hours + ":" + mins + ":00";
     const year = date.getFullYear();
     const month = ("0" + (date.getMonth() + 1)).slice(-2);
     const day = ("0" + date.getDate()).slice(-2);
     const dateString = "" + year + "-" + month + "-" + day;
     const datec = dateString + "T" + timeString;
     return new Date(datec);
};

Unfortunately do not have enough rep to comment

answered Mar 26, 2021 at 10:14

Kurt

3064 silver badges13 bronze badges

1 Comment

shaedrich Over a year ago

You can now use padStart() to simplify your solution like that: time.getMinutes().toString().padStart(2, '0')

boateng · Accepted Answer · 2017-11-16 15:49:38Z

1

David's example with slight modifications:

function CombineDateAndTime(date, time) {
    var timeString = time.getHours() + ':' + time.getMinutes() + ':00';
    var ampm = time.getHours() >= 12 ? 'PM' : 'AM';
    var year = date.getFullYear();
    var month = date.getMonth() + 1; // Jan is 0, dec is 11
    var day = date.getDate();
    var dateString = '' + year + '-' + month + '-' + day;
    var datec = dateString + 'T' + timeString;
    var combined = new Date(datec);

    return combined;
};

answered Nov 16, 2017 at 15:49

boateng

90611 silver badges22 bronze badges

1 Comment

shaedrich Over a year ago

Are you using ampm somewhere else in the code? It would only make sense if you also convert a 24 hours based hour to a 12 hours based hour.

Khushbu Raval · Accepted Answer · 2021-12-15 06:55:24Z

1

Concate date and time with moment JS which also works on firefox,

let d1 = moment().format('MM/DD/YYYY');
let dateTimeOpen = moment(d1 + ' ' + model.openingTime).format('YYYY-MM-DD HH:mm:ss');
let dateTimeClose = moment(d1 + ' ' + model.closingTime).format('YYYY-MM-DD HH:mm:ss');

answered Dec 15, 2021 at 6:55

Khushbu Raval

1,1671 gold badge8 silver badges12 bronze badges

Comments

x-magix · Accepted Answer · 2023-01-02 21:21:35Z

0

const date = "2022-12-27";
const time = "16:26:42";

new Date(`${date}T${time});

output

Date Tue Dec 27 2022 16:26:42 GMT+0100 (Central European Standard Time)

answered Jan 2, 2023 at 21:21

x-magix

2,86018 silver badges22 bronze badges

Collectives™ on Stack Overflow

Combine date and time string into single date with javascript

8 Answers 8

2 Comments

2 Comments

2 Comments

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

2 Comments

2 Comments

2 Comments

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related