How to parse JSON to receive a Date object in JavaScript

Question

I have a following piece of JSON       Date 1293034567877      which is a result of this  NET code   var obj   DateTime Now  var serializer   new System Web Script Serialization JavaScriptSerializer    serializer Serialize obj  Dump      Now the problem I am facing is how to create a Date object from this in JavaScript  All I could find was incredible regex solution  many containing bugs    It is hard to believe there is no elegant solution as this is all in JavaScrip  I mean JavaScript code trying to read JSON  JavaScript Object Notation  which is supposed to be a JavaScript code and at this moment it turns out it s not cause JavaScript cannot do a good job here   I ve also seen some eval solutions which I could not make to work  besides being pointed out as security threat    Is there really no way to do it in an elegant way   Similar question with no real answer  How to parse ASP NET JSON Date format with GWT

User · Accepted Answer

There is no standard JSON representation of dates   You should do what  jAndy suggested and not serialize a DateTime at all  just send an RFC 1123 date string ToString  r   or a seconds-from-Unix-epoch number  or something else that you can use in the JavaScript to construct a Date

User · Answer

if you use the JavaScript style ISO8601 date in JSON  you could use this  from MDN  var jsonDate    new Date    toJSON    var backToDate   new Date jsonDate   console log jsonDate     2015-10-26T07 46 36 611Z

User · Answer

As Callum mentioned  for me  the best way is to change the Controller method to     string instead of JsonResult    public string GetValues       MyObject DateFrom   DateTime Now    return JsonConvert SerializeObject MyObject       From the ajax method you can do something like this      ajax    url    MyController GetValues    type   post    success  function  data     var validData   JSON parse data     if you are using datepicker and you want set a format     DateFrom   val   datepicker formatDate  dd mm yy   new Date validData DateFrom                                              if you want the date as returned     DateFrom   val new Date validData DateFrom

User · Answer

function parseJsonDate jsonDate         var fullDate   new Date parseInt jsonDate substr 6         var twoDigitMonth    fullDate getMonth     1        if  twoDigitMonth length    1  twoDigitMonth    0    twoDigitMonth       var twoDigitDate   fullDate getDate         if  twoDigitDate length    1  twoDigitDate    0    twoDigitDate      var currentDate   twoDigitMonth         twoDigitDate         fullDate getFullYear         return currentDate

User · Answer

formats a  net date into a javascript compatible date    function FormatJsonDate jsonDt                       var MIN DATE   -62135578800000     const      var date   new Date parseInt jsonDt substr 6  jsonDt length-8                                                                return date toString      new Date MIN DATE  toString           date getMonth     1           date getDate            date getFullYear

User · Answer

You can convert JSON Date to normal date format in JavaScript   var date   new Date parseInt jsonDate substr 6

User · Answer

I ran into an issue with external API providing dates in this format  some times even with UTC difference info like  Date 123232313131 1000    I was able to turn it js Date object with following code  var val     Date 123232311-1000     var pattern       Date   0-9        -  0-9            var date   null      Check that the value matches  Date 123232311-1000   format if  pattern test val       var number   val replace   Date         replace              if  number indexOf       gt   0        var split   number split           number   parseInt split 0     parseInt split 1        else if  number indexOf  -    gt   0        var split   number split  -        number   parseInt split 0   - parseInt split 1        else       number   parseInt number       date   new Date number

User · Answer

I ve not used  Net for things like this  If you were able to get it to print something like the following out it should work   Note  unless you re parsing that JSON string by some other means or only expect users to have modern browers with a built in JSON parser you need to use a JS framework or JSON2 to parse the JSON string outputted by the server into a real JSON object      JSON received from server is in string format var jsonString      date  1251877601000       use JSON2 or some JS library to parse the string var jsonObject    JSON parse  jsonString       now you have your date  alert  new Date jsonObject date         Wiki Link     Modern browsers  such as Firefox 3 5 and Internet Explorer 8  include special features for parsing JSON  As native browser support is more efficient and secure than eval    it is expected that native JSON support will be included in the next ECMAScript standard  6      Link to JSON2 file  Live Example

User · Answer

The answer to this question is  use nuget to obtain JSON NET then use this inside your JsonResult method   JsonConvert SerializeObject    JSON OBJECT TO SEND TO VIEW        inside your view simple do this in javascript   JSON parse    Converted JSON object       If it is an ajax call   var request     ajax   url    Url Action  SomeAjaxAction    SomeController     dataType   json     request done function  data  result    var safe   JSON parse data   var date   new Date safe date         Once JSON parse has been called  you can put the JSON date into a new Date instance because JsonConvert creates a proper ISO time instance

User · Answer

The JSON parse function accepts an optional DateTime reviver function   You can use a function like this  dateTimeReviver   function  key  value        var a      if  typeof value      string             a      Date    d        exec value           if  a                return new Date  a 1                        return value     Then call JSON parse somejsonstring  dateTimeReviver    And your dates will come out right

User · Answer

using eval function works just have to remove the forward slash at front and back    var date1     Date 25200000    eval  new     date1 substring 1  date1 length - 1      yields Thu Jan 01 1970 00 00 00 GMT-0700  US Mountain Standard Time

User · Answer

This answer from Roy Tinker here   var date   new Date parseInt jsonDate substr 6       As he says  The substr function takes out the   Date   part  and the parseInt function gets the integer and ignores the      at the end  The resulting number is passed into the Date constructor   Another option is to simply format your information properly on the ASP side such that JavaScript can easily read it  Consider doing this for your dates   DateTime Now     Which should return a format like this   7 22 2008 12 11 04 PM   If you pass this into a JavaScript Date constructor like this   var date   new Date  7 22 2008 12 11 04 PM      The variable date now holds this value   Tue Jul 22 2008 12 11 04 GMT-0700  Pacific Daylight Time    Naturally  you can format this DateTime object into whatever sort of string int the JS Date constructor accepts

User · Answer

AngularJS couldn t parse  NET JSON date  Date xxxxxxxxxxxxx   string either    I side stepped this issue by formatting the date to its ISO 8601 string representation instead of dumping the Date object directly      Here is a sample of ASP NET MVC code    return Json new      date   DateTime Now ToString  O     ISO 8601 Angular understands this format       I tried RFC 1123 but  it doesn t work   Angular treats this as string instead of Date   return Json new      date   DateTime Now ToString  R     RFC 1123 Angular won t parse this

User · Answer

I know this is a very old thread but I wish to post this to help those who bump into this like I did   if you don t care about using a 3rd party script  you can use moment js Then you can use  format   to format it to anything you want it to

User · Answer

What s wrong with   new Date 1293034567877     This returns for me  Wed Dec 22 2010 16 16 07 GMT 0000  GMT Standard Time     Or do you need to get the number out the json

User · Answer

function parseJsonDate jsonDate         var fullDate   new Date parseInt jsonDate substr 6         var twoDigitMonth    fullDate getMonth     1        if  twoDigitMonth length    1  twoDigitMonth    0    twoDigitMonth       var twoDigitDate   fullDate getDate         if  twoDigitDate length    1  twoDigitDate    0    twoDigitDate      var currentDate   twoDigitMonth         twoDigitDate         fullDate getFullYear         return currentDate         Use this function  var objDate parseJsonDate    Date 1443812400000       alert objDate

User · Answer

Dates are always a nightmare  Answering your old question  perhaps this is the most elegant way   eval   new       Date 1455418800000     replace     g        With eval we convert our string to javascript code  Then we remove the      into the replace function is a regular expression  As we start with new then our sentences will excecute this   new Date 1455418800000    Now  one thing I started using long time ago  is long values that are represented in ticks    why  well  localization and stop thinking in how is date configured in every server or every client  In fact  I use it too in databases   Perhaps is quite late for this answer  but can help anybody arround here

[javascript] How to parse JSON to receive a Date object in JavaScript?

Examples related to javascript

Examples related to json

Examples related to datetime