Date javascript object from IE cannot be automatically bound to Datetime in ASP.NET MVC

Question

I have a site that uses a jquery calendar to display events. I have noticed than when using the system from within IE (all versions) ASP.NET MVC will fail to bind the datetime to the action that send back the correct events.

The sequence of events goes as follows.

Calendar posts to server to get events
Server ActionMethod accepts start and end date, automatically bound to datetime objects

In every browser other than IE the start and end date come through as:

Mon, 10 Jan 2011 00:00:00 GMT

When IE posts the date, it comes through as

Mon, 10 Jan 2011 00:00:00 UTC

ASP.NET MVC 2 will then fail to automatically bind this to the action method parameter.

Is there a reason why this is happening? The code that posts to the server is as follows:

data: function (start, end, callback) {
        $.post('/tracker/GetTrackerEvents', { start: start.toUTCString(), end: end.toUTCString() }, function (result) { callback(result); });
    },

Another great IE feature. Indeed hell confusing. Have a look at this west-wind.com/Weblog/posts/5054.aspx — Sentient
– Sentient, Commented Apr 15, 2011 at 23:58

MattW · Accepted Answer · 2012-04-05 20:16:42Z

9

I ran into the same problem and I solved it using JavaScript Date()'s .toISOString() function (rather than doing a string replace).

See doc here.

DateTime and DateTimeOffset will process this correctly regardless of the broswer sending it (in my limited IE, Firefox, and Chrome testing).

So, I send the date to the controller like so (this is my JS object):

var dateObject = new Date();
dateObject.toISOString()

And the server can parse the data like so (.NET - in the controller):

DateTimeOffset timeInGMT = DateTime.Parse(dateString).ToUniversalTime(); //for the time in GMT
DateTime timeOnClient = DateTime.Parse(dateString); //for time as it was set on the client.

edited Apr 5, 2012 at 20:16

answered Apr 5, 2012 at 18:03

MattW

13.2k5 gold badges42 silver badges65 bronze badges

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

Comments

Martin Jespersen · Accepted Answer · 2011-01-14 11:48:54Z

3

try to replace

start.toUTCString()

with

start.toUTCString().replace('UTC','GMT')

and see if that doesn't fix the problem for you :)

answered Jan 14, 2011 at 11:48

Martin Jespersen

26.3k8 gold badges60 silver badges69 bronze badges

Comments

Guy · Accepted Answer · 2015-02-20 19:26:11Z

When I use the function .toUTCString() under IE, I had trouble with UTC vs GMT and also with the leading zeros.

This is what I use to send UTC date to ASP.NET MVC :

function getUTCString (date) {

    function pad(n) { return n < 10 ? "0" + n : n }    

    var weekday = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
    var month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

    return weekday[date.getUTCDay()]
        + ", " + pad(date.getUTCDate())
        + " "  + month[date.getUTCMonth()]
        + " "  + date.getUTCFullYear()
        + " "  + pad(date.getUTCHours())
        + ":"  + pad(date.getUTCMinutes())   
        + ":" + pad(date.getUTCSeconds())
        + " GMT"; 
};

Zafer · Accepted Answer · 2012-01-03 21:51:59Z

0

I've also encountered this weird situation. Replacing UTC to GMT in the date string solved my problem but I've wanted to look for another way (replacing strings sometimes cause problems :)).

I've come up with the following solution which worked well in IE, Chrome, and Firefox:

var myUTCDateString = (function(d) {
          return d.getUTCFullYear() + "-" + (d.getUTCMonth() +1) + "-" +  d.getUTCDate() + " " + d.getUTCHours() + ":" + d.getUTCMinutes() + ":" + d.getUTCSeconds();
     })(new Date());

myUTCDateString is something like "2012-1-3 21:47:49".

answered Jan 3, 2012 at 21:51

Zafer

2,17517 silver badges30 bronze badges

Comments

Mookie · Accepted Answer · 2012-03-07 15:55:22Z

0

I've found here and modified a helper:

// #region Date.prototype.toISONonUtcString
// add Date prototype toISONonUtcString function if it doesn't yet exist
if ($.isFunction(Date.prototype.toISONonUtcString) === false) {
Date.prototype.toISONonUtcString = function () {
    var pad = function (n, places) {
        n = n.toString();
        for (var i = n.length; i < places; i++) {
            n = "0" + n;
        }
        return n;
    };
    var d = this;
    return pad(d.getFullYear(), 4) + '-' + pad(d.getMonth() + 1, 2) + '-' + pad(d.getDate(), 2) + 'T' +
                pad(d.getHours(), 2) + ':' + pad(d.getMinutes(), 2) + ':' + pad(d.getSeconds(), 2) + '.' +
                pad(d.getMilliseconds(), 3);
};
}
// #endregion

edited Mar 7, 2012 at 15:55

answered Mar 1, 2012 at 15:55

Mookie

1164 bronze badges

Collectives™ on Stack Overflow

Date javascript object from IE cannot be automatically bound to Datetime in ASP.NET MVC

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related