Wie analysiere ich JSON, um ein Date-Objekt in JavaScript zu erhalten?

Ich habe ein folgendes Stück JSON:

\/Date(1293034567877)\/

Welches ist ein Ergebnis dieses .NET-Codes:

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

Das Problem, mit dem ich jetzt konfrontiert bin, ist, wie man daraus ein Datumsobjekt in JavaScript erstellt. Alles, was ich finden konnte, war eine unglaubliche Regex-Lösung (viele enthielten Fehler).

Es ist kaum zu glauben, dass es keine elegante Lösung gibt, da dies alles in JavaScrip ist. Ich meine JavaScript-Code, der versucht, JSON (JavaScript Object Notation) zu lesen, das ein JavaScript-Code sein soll, und im Moment stellt sich heraus, dass dies nicht der Fall ist, weil JavaScript dies nicht kann mach hier einen guten Job.

Ich habe auch einige Bewertungslösungen gesehen, die ich nicht zum Laufen bringen konnte (abgesehen davon, dass sie als Sicherheitsbedrohung bezeichnet wurden).

Gibt es wirklich keine Möglichkeit, dies auf elegante Weise zu tun?

Ähnliche Frage ohne echte Antwort:
So analysieren Sie das ASP.NET JSON-Datumsformat mit GWT

Es gibt keine Standard-JSON-Darstellung von Datumsangaben. Sie sollten das tun, was @jAndy vorgeschlagen hat, und a überhaupt nicht serialisieren DateTime. Senden Sie einfach eine RFC 1123-Datumszeichenfolge ToString("r")oder eine Nummer aus der Unix-Epoche oder etwas anderes, das Sie im JavaScript zum Erstellen einer verwenden können Date.

Die JSON.parseFunktion akzeptiert eine optionale DateTime-Reviver-Funktion. Sie können eine Funktion wie diese verwenden:

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

Dann ruf an

JSON.parse(somejsonstring, dateTimeReviver);

Und deine Daten werden richtig herauskommen.

Diese Antwort von Roy Tinker hier :

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

Wie er sagt: Die substr-Funktion entfernt den Teil "/ Date (", und die parseInt-Funktion erhält die Ganzzahl und ignoriert das ") /" am Ende. Die resultierende Nummer wird an den Date-Konstruktor übergeben.

Eine andere Möglichkeit besteht darin, Ihre Informationen auf der ASP-Seite einfach richtig zu formatieren, damit JavaScript sie leicht lesen kann. Betrachten Sie dies für Ihre Daten:

DateTime.Now()

Welches sollte ein Format wie dieses zurückgeben:

7/22/2008 12:11:04 PM

Wenn Sie dies an einen JavaScript- DateKonstruktor wie folgt übergeben:

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

Die Variable enthält datejetzt diesen Wert:

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

Natürlich können Sie dieses DateTimeObjekt in jede Art von Zeichenfolge / int formatieren, die der JS- DateKonstruktor akzeptiert.

Wenn Sie das ISO8601-Datum im JavaScript-Stil in JSON verwenden, können Sie dieses von MDN aus verwenden

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

Sie können das JSON-Datum in JavaScript in das normale Datumsformat konvertieren.

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

Was ist falsch mit:

new Date(1293034567877);

Dies kehrt für mich zurück "Wed Dec 22 2010 16:16:07 GMT + 0000 (GMT Standard Time)".

Oder müssen Sie die Nummer aus dem JSON herausholen?

Ich weiß, dass dies ein sehr alter Thread ist, aber ich möchte dies posten, um denjenigen zu helfen, die wie ich darauf stoßen.

Wenn Sie kein Skript eines Drittanbieters verwenden möchten , können Sie moment, js verwenden. Anschließend können Sie .format () verwenden, um es nach Ihren Wünschen zu formatieren.

Termine sind immer ein Albtraum. Bei der Beantwortung Ihrer alten Frage ist dies vielleicht der eleganteste Weg:

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

Mit eval konvertieren wir unseren String in Javascript-Code. Dann entfernen wir das "/", in die Ersetzungsfunktion ist ein regulärer Ausdruck. Wenn wir mit Neu beginnen, werden unsere Sätze dies ausschließen:

new Date(1455418800000)

Eine Sache, die ich vor langer Zeit verwendet habe, sind lange Werte, die in Ticks dargestellt werden ... warum? Nun, Lokalisierung und denken Sie nicht mehr darüber nach, wie das Datum auf jedem Server oder jedem Client konfiguriert ist. Tatsächlich verwende ich es auch in Datenbanken.

Vielleicht ist diese Antwort ziemlich spät, kann aber jedem helfen, der hier in der Nähe ist.

AngularJS konnte auch keine .NET JSON-Datumszeichenfolge analysieren /Date(xxxxxxxxxxxxx)/.

Ich habe dieses Problem behoben, indem ich das Datum auf die ISO 8601-Zeichenfolgendarstellung formatiert habe, anstatt das DateObjekt direkt zu sichern ...

Hier ist ein Beispiel für ASP.NET MVC-Code.

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

Ich habe es versucht, RFC 1123aber es funktioniert nicht. Angular behandelt dies als Zeichenfolge anstelle von Datum.

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

Ich habe .Net für solche Dinge nicht verwendet. Wenn Sie in der Lage waren, etwas wie das Folgende auszudrucken, sollte es funktionieren.

Hinweis: Sofern Sie diese JSON- Zeichenfolge nicht auf andere Weise analysieren oder nur erwarten, dass Benutzer über moderne Browser mit einem integrierten JSON-Parser verfügen, müssen Sie ein JS-Framework oder JSON2 verwenden, um die vom Server ausgegebene JSON-Zeichenfolge in eine echte JSON-Zeichenfolge zu analysieren Objekt.

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

Moderne Browser wie Firefox 3.5 und Internet Explorer 8 bieten spezielle Funktionen zum Parsen von JSON. Da die native Browserunterstützung effizienter und sicherer als eval () ist, wird erwartet, dass die native JSON-Unterstützung im nächsten ECMAScript-Standard enthalten sein wird. [6]

Link zur JSON2-Datei

Live-Beispiel

Die Antwort auf diese Frage lautet: Verwenden Sie Nuget, um JSON.NET zu erhalten, und verwenden Sie dies in Ihrer JsonResultMethode:

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

Machen Sie dies aus Ihrer Sicht einfach in javascript:

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

Wenn es sich um einen Ajax-Anruf handelt:

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

Nach dem JSON.parseAufruf können Sie das JSON-Datum in eine new DateInstanz einfügen, da JsonConverteine ordnungsgemäße ISO-Zeitinstanz erstellt wird

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

Wie Callum bereits erwähnt hat, ist es für mich am besten, die Controller-Methode in string anstelle von JsonResult zu ändern. "

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

Mit der Ajax-Methode können Sie so etwas tun

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

Bei Verwendung der Eval-Funktion muss lediglich der vordere Schrägstrich vorne und hinten entfernt werden.

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

ergibt Do 01.01.1970 00:00:00 GMT-0700 (US Mountain Standard Time)

Ich bin auf ein Problem mit der externen API gestoßen, die Daten in diesem Format bereitstellt, manchmal sogar mit UTC-Differenzinformationen wie /Date(123232313131+1000)/. Ich konnte das DateObjekt mit folgendem Code drehen

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

// Verwenden Sie diese Funktion

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