Comment analyser JSON pour recevoir un objet Date en JavaScript?

J'ai un morceau suivant de JSON:

\/Date(1293034567877)\/

qui est le résultat de ce code .NET:

var obj = DateTime.Now;
var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
serializer.Serialize(obj).Dump();

Maintenant, le problème auquel je suis confronté est de savoir comment créer un objet Date à partir de cela en JavaScript. Tout ce que j'ai pu trouver, c'était une incroyable solution regex (beaucoup contenant des bogues).

Il est difficile de croire qu'il n'y a pas de solution élégante car tout cela est en JavaScrip, je veux dire du code JavaScript essayant de lire JSON (JavaScript Object Notation) qui est censé être un code JavaScript et pour le moment, il s'avère que ce n'est pas parce que JavaScript ne peut pas faites du bon travail ici.

J'ai également vu des solutions d'évaluation que je ne pouvais pas faire fonctionner (en plus d'être signalé comme une menace pour la sécurité).

N'y a-t-il vraiment aucun moyen de le faire de manière élégante?

Question similaire sans vraie réponse:
Comment analyser le format de date JSON ASP.NET avec GWT

Il n'y a pas de représentation JSON standard des dates. Vous devriez faire ce que @jAndy a suggéré et ne pas sérialiser DateTimedu tout un; envoyez simplement une chaîne de date RFC 1123 ToString("r")ou un nombre de secondes à partir de l'époque Unix, ou quelque chose d'autre que vous pouvez utiliser dans le JavaScript pour construire un fichier Date.

La JSON.parsefonction accepte une fonction de relance DateTime facultative. Vous pouvez utiliser une fonction comme celle-ci:

dateTimeReviver = function (key, value) {
    var a;
    if (typeof value === 'string') {
        a = /\/Date\((\d*)\)\//.exec(value);
        if (a) {
            return new Date(+a[1]);
        }
    }
    return value;
}

Puis appelez

JSON.parse(somejsonstring, dateTimeReviver);

Et vos dates sortiront correctement.

Cette réponse de Roy Tinker ici :

var date = new Date(parseInt(jsonDate.substr(6)));

Comme il le dit: La fonction substr prend la partie "/ Date (", et la fonction parseInt obtient l'entier et ignore le ") /" à la fin. Le nombre résultant est passé dans le constructeur Date.

Une autre option consiste simplement à formater correctement vos informations du côté ASP afin que JavaScript puisse les lire facilement. Pensez à faire ceci pour vos dates:

DateTime.Now()

Ce qui devrait renvoyer un format comme celui-ci:

7/22/2008 12:11:04 PM

Si vous passez ceci dans un Dateconstructeur JavaScript comme celui-ci:

var date = new Date('7/22/2008 12:11:04 PM');

La variable datecontient maintenant cette valeur:

Tue Jul 22 2008 12:11:04 GMT-0700 (Pacific Daylight Time)

Naturellement, vous pouvez formater cet DateTimeobjet dans n'importe quelle sorte de chaîne / int acceptée par le Dateconstructeur JS .

si vous utilisez la date ISO8601 de style JavaScript dans JSON, vous pouvez l'utiliser, à partir de MDN

var jsonDate = (new Date()).toJSON();
var backToDate = new Date(jsonDate);
console.log(jsonDate); //2015-10-26T07:46:36.611Z

Vous pouvez convertir la date JSON au format de date normal en JavaScript.

var date = new Date(parseInt(jsonDate.substr(6)));

Quel est le problème avec:

new Date(1293034567877);

Cela me renvoie "Wed Dec 22 2010 16:16:07 GMT + 0000 (GMT Standard Time)".

Ou avez-vous besoin de sortir le numéro du json?

Je sais que c'est un très vieux fil de discussion, mais je souhaite le publier pour aider ceux qui se heurtent à cela comme je l'ai fait.

si vous ne vous souciez pas d'utiliser un script tiers, vous pouvez utiliser moment, js. Ensuite, vous pouvez utiliser .format () pour le formater en tout ce que vous voulez.

Les dates sont toujours un cauchemar. Pour répondre à votre ancienne question, c'est peut-être la manière la plus élégante:

eval(("new " + "/Date(1455418800000)/").replace(/\//g,""))

Avec eval, nous convertissons notre chaîne en code javascript. Ensuite, nous supprimons le "/", dans la fonction de remplacement est une expression régulière. Au fur et à mesure que nous commençons avec du nouveau, nos phrases vont exécuter ceci:

new Date(1455418800000)

Maintenant, une chose que j'ai commencé à utiliser il y a longtemps, ce sont les valeurs longues qui sont représentées par des graduations ... pourquoi? Eh bien, la localisation et arrêtez de penser à la façon dont la date est configurée dans chaque serveur ou chaque client. En fait, je l'utilise aussi dans les bases de données.

Il est peut-être assez tard pour cette réponse, mais peut aider n'importe qui ici.

AngularJS n'a pas non plus pu analyser la /Date(xxxxxxxxxxxxx)/chaîne de date .NET JSON .

J'ai résolu ce problème en formatant la date en sa représentation sous forme de chaîne ISO 8601 au lieu de vider l' Dateobjet directement ...

Voici un exemple de code ASP.NET MVC.

return Json(new { 
  date : DateTime.Now.ToString("O") //ISO 8601 Angular understands this format
});

J'ai essayé RFC 1123mais cela ne fonctionne pas. Angular traite cela comme une chaîne au lieu de Date.

return Json(new { 
  date : DateTime.Now.ToString("R") //RFC 1123 Angular won't parse this
});

Je n'ai pas utilisé .Net pour des choses comme ça. Si vous parvenez à le faire imprimer quelque chose comme ce qui suit, cela devrait fonctionner.

Notez que, sauf si vous analysez cette chaîne JSON par d'autres moyens ou que vous vous attendez uniquement à ce que les utilisateurs aient des navigateurs modernes avec un analyseur JSON intégré, vous devez utiliser un framework JS ou JSON2 pour analyser la chaîne JSON sortie par le serveur dans un vrai JSON objet.

// 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) );

Lien Wiki

Les navigateurs modernes, tels que Firefox 3.5 et Internet Explorer 8, incluent des fonctionnalités spéciales pour analyser JSON. La prise en charge native des navigateurs étant plus efficace et sécurisée que eval (), on s'attend à ce que la prise en charge native de JSON soit incluse dans la prochaine norme ECMAScript. [6]

Lien vers le fichier JSON2

Exemple en direct

La réponse à cette question est, utilisez nuget pour obtenir JSON.NET, puis utilisez ceci dans votre JsonResultméthode:

JsonConvert.SerializeObject(/* JSON OBJECT TO SEND TO VIEW */);

dans votre vue, faites-le simplement dans javascript:

JSON.parse(/* Converted JSON object */)

S'il s'agit d'un appel ajax:

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); });

Une fois JSON.parseappelé, vous pouvez mettre la date JSON dans une new Dateinstance car JsonConvertcrée une instance d'heure ISO appropriée

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;
};

Comme Callum l'a mentionné, pour moi, le meilleur moyen est de changer la méthode Controller en string au lieu de JsonResult ".

public string GetValues()
{
  MyObject.DateFrom = DateTime.Now;
  return JsonConvert.SerializeObject(MyObject);
}

À partir de la méthode ajax, vous pouvez faire quelque chose comme ça

 $.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))
}
});

en utilisant la fonction eval fonctionne, il suffit de supprimer la barre oblique à l'avant et à l'arrière.

var date1 = "/Date(25200000)/"
eval("new " + date1.substring(1, date1.length - 1));

donne Thu Jan 01 1970 00:00:00 GMT-0700 (US Mountain Standard Time)

J'ai rencontré un problème avec l'API externe fournissant des dates dans ce format, parfois même avec des informations de différence UTC comme /Date(123232313131+1000)/. J'ai pu le transformer en Dateobjet js avec le code suivant

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('+') >= 0) {
    var split = number.split('+');
    number = parseInt(split[0]) + parseInt(split[1]);
  } else if (number.indexOf('-') >= 0) {
    var split = number.split('-');
    number = parseInt(split[0]) - parseInt(split[1]);
  } else {
    number = parseInt(number);
    date = new Date(number);
  }
}

//
// 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(); 
}

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;
};

// Utilisez cette fonction

var objDate=parseJsonDate("\/Date(1443812400000)\/");
alert(objDate);