Javascript Date Object Timezone issue - different timezones

Question

I'm using a date/time picker with a "friendly" display for the input value which I am trying to convert to a javascript date object. When the date is selected, it comes in this format:

October 21 2013 09:00

Which I then attempt to covert to a javascript object with the following function:

function pickerDateToJavascriptObj(dateIn)
{
    dateIn = dateIn.split(/[- :]/);
    dateIn[0] = getMonthNumber(dateIn[0]);
    outDate = new Date(dateIn[2],dateIn[0],dateIn[1],dateIn[4],dateIn[5], "00");
    console.log(outDate);
    return outDate; 
}

I have to date pickers on my page a 'from' date and a 'to' date. When I submit the form and console.log the outDates, the dates are correctly converted to an object, however they consistently have different time zones. For the 'from' date, I get in my console:

Date {Mon Oct 21 2013 09:00:00 GMT+0100 (GMT Standard Time)}

and for the 'to' date, I am getting:

Date {Thu Oct 31 2013 09:00:00 GMT+0000 (GMT Daylight Time)}

Notice the difference between standard and daylight time of the 2 dates.

What could be causing this discrepancy?

Here are the 2 inputs:

<input type="text" placeholder="Start Date/Time" name="eventStart" id="eventStart" class="dateTimePicker" readonly="readonly">
<input type="text" placeholder="End Date/Time" name="eventEnd" id="eventEnd" class="dateTimePicker" readonly="readonly">

I am, yes. With this time picker. http://trentrichardson.com/examples/timepicker/ — Fraser, Oct 21 '13 at 10:11

score 2 · Answer 1 · edited May 23 '17 at 12:14

2

It looks like you are in the UK and using Firefox.

Daylight Saving Time (aka "British Summer Time") ends on Oct 27th, so your start date is before the switch and your end date is after.

You are also witnessing a bug in FireFox because while the offsets are correct, the names are inverted.

edited May 23 '17 at 12:14

Community

1
1

answered Oct 21 '13 at 16:51

Matt Johnson-Pint

197,368
66
382
508

score 0 · Answer 2 · answered Oct 21 '13 at 10:20

Get the date formatted like this (instead of parsing manually):

var myDate= $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' }).val();

API Doc: http://api.jqueryui.com/datepicker/#option-dateFormat

Get the time formatted like this:

var myTime = $.datepicker.parseTime('HH:mm:ss', $("#datepicker").val());

API Doc: http://trentrichardson.com/examples/timepicker/#tp-formatting

Javascript Date Object Timezone issue - different timezones

2 Answers2