¿Cómo analizar JSON para recibir un objeto Date en JavaScript?

Tengo una siguiente pieza de JSON:

\/Date(1293034567877)\/

que es el resultado de este código .NET:

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

Ahora, el problema al que me enfrento es cómo crear un objeto Date a partir de esto en JavaScript. Todo lo que pude encontrar fue una increíble solución de expresiones regulares (muchas contenían errores).

Es difícil creer que no hay una solución elegante ya que todo esto está en JavaScrip, me refiero al código JavaScript que intenta leer JSON (notación de objetos JavaScript) que se supone que es un código JavaScript y en este momento resulta que no es porque JavaScript no puede haz un buen trabajo aquí.

También he visto algunas soluciones de evaluación que no pude hacer funcionar (además de ser señaladas como una amenaza para la seguridad).

¿Realmente no hay forma de hacerlo de una manera elegante?

Pregunta similar sin respuesta real:
Cómo analizar el formato de fecha JSON de ASP.NET con GWT

No hay una representación JSON estándar de fechas. Debes hacer lo que sugirió @jAndy y no serializar DateTimeen absoluto; simplemente envíe una cadena de fecha RFC 1123 ToString("r")o un número de segundos de Unix-epoch, o algo más que pueda usar en JavaScript para construir un Date.

La JSON.parsefunción acepta una función de reactivación de fecha y hora opcional. Puedes usar una función como esta:

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

Luego llame

JSON.parse(somejsonstring, dateTimeReviver);

Y tus citas saldrán bien.

Esta respuesta de Roy Tinker aquí :

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

Como él dice: La función substr saca la parte "/ Date (", y la función parseInt obtiene el número entero e ignora el ") /" al final. El número resultante se pasa al constructor Date.

Otra opción es simplemente formatear su información correctamente en el lado ASP de modo que JavaScript pueda leerla fácilmente. Considere hacer esto para sus citas:

DateTime.Now()

Que debería devolver un formato como este:

7/22/2008 12:11:04 PM

Si pasa esto a un Dateconstructor de JavaScript como este:

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

La variable dateahora tiene este valor:

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

Naturalmente, puede formatear este DateTimeobjeto en cualquier tipo de cadena / int que Dateacepte el constructor JS .

si usa la fecha ISO8601 de estilo JavaScript en JSON, puede usar esto, de MDN

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

Puede convertir JSON Date al formato de fecha normal en JavaScript.

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

Qué hay de malo en:

new Date(1293034567877);

Esto me devuelve "Miércoles 22 de diciembre de 2010 16:16:07 GMT + 0000 (hora estándar GMT)".

¿O necesitas sacar el número del json?

Sé que este es un hilo muy antiguo, pero deseo publicarlo para ayudar a aquellos que se encuentran con esto como lo hice yo.

Si no le importa usar un script de terceros, puede usar moment, js Luego puede usar .format () para formatearlo a lo que quiera.

Las citas siempre son una pesadilla. Respondiendo a tu vieja pregunta, quizás esta sea la forma más elegante:

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

Con eval convertimos nuestra cadena a código javascript. Luego eliminamos la "/", en la función de reemplazo hay una expresión regular. Cuando comenzamos con nuevo, nuestras oraciones superarán esto:

new Date(1455418800000)

Ahora, una cosa que comencé a usar hace mucho tiempo, son los valores largos que están representados en ticks ... ¿por qué? bueno, localización y deja de pensar en cómo se configura la fecha en cada servidor o en cada cliente. De hecho, también lo uso en bases de datos.

Quizás sea bastante tarde para esta respuesta, pero puede ayudar a cualquiera por aquí.

AngularJS tampoco pudo analizar la /Date(xxxxxxxxxxxxx)/cadena de fecha JSON de .NET .

Dejé de lado este problema formateando la fecha a su representación de cadena ISO 8601 en lugar de descargar el Dateobjeto directamente ...

Aquí hay una muestra de código ASP.NET MVC.

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

Lo intenté RFC 1123pero no funciona. Angular trata esto como una cadena en lugar de Date.

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

No he usado .Net para cosas como esta. Si pudo hacer que imprima algo como lo siguiente, debería funcionar.

Tenga en cuenta que, a menos que esté analizando esa cadena JSON por algún otro medio o solo espere que los usuarios tengan navegadores modernos con un analizador JSON integrado, debe usar un marco JS o JSON2 para analizar la cadena JSON generada por el servidor en un JSON real. objeto.

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

Enlace Wiki

Los navegadores modernos, como Firefox 3.5 e Internet Explorer 8, incluyen funciones especiales para analizar JSON. Dado que la compatibilidad con el navegador nativo es más eficiente y segura que eval (), se espera que la compatibilidad con JSON nativo se incluya en el próximo estándar ECMAScript. [6]

Enlace al archivo JSON2

Ejemplo en vivo

La respuesta a esta pregunta es, use nuget para obtener JSON.NET y luego use esto dentro de su JsonResultmétodo:

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

dentro de su vista simple haga esto en javascript:

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

Si es una llamada 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); });

Una vez que JSON.parsese ha llamado, puede poner la fecha JSON en una new Dateinstancia porque JsonConvertcrea una instancia de tiempo ISO adecuada

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

Como mencionó Callum, para mí, la mejor manera es cambiar el método Controller a string en lugar de JsonResult ".

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

Desde el método ajax puedes hacer algo como esto

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

El uso de la función eval funciona solo tiene que eliminar la barra inclinada en la parte delantera y trasera.

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

produce el jueves 01 de enero de 1970 00:00:00 GMT-0700 (hora estándar de las montañas de EE. UU.)

Me encontré con un problema con la API externa que proporciona fechas en este formato, algunas veces incluso con información de diferencia UTC como /Date(123232313131+1000)/. Pude convertirlo en un Dateobjeto js con el siguiente código

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

// Usa esta función

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