Como analisar JSON para receber um objeto Date em JavaScript?

Eu tenho um seguinte pedaço de JSON:

\/Date(1293034567877)\/

que é o resultado deste código .NET:

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

Agora, o problema que estou enfrentando é como criar um objeto Date a partir disso em JavaScript. Tudo o que consegui encontrar foi uma solução incrível de regex (muitos contendo bugs).

É difícil acreditar que não existe uma solução elegante, pois tudo isso está em JavaScrip, quero dizer, o código JavaScript tentando ler JSON (JavaScript Object Notation) que deveria ser um código JavaScript e, neste momento, não é porque o JavaScript não pode faça um bom trabalho aqui.

Também vi algumas soluções de avaliação que não consegui fazer funcionar (além de serem apontadas como ameaças à segurança).

Não há realmente nenhuma maneira de fazer isso de forma elegante?

Pergunta semelhante sem resposta real:
Como analisar o formato de data JSON ASP.NET com GWT

Não há representação JSON padrão de datas. Você deve fazer o que @jAndy sugeriu e não serializar um DateTime; basta enviar uma string de data RFC 1123 ToString("r")ou um número de época do Unix de segundos, ou qualquer outra coisa que você possa usar no JavaScript para construir um Date.

A JSON.parsefunção aceita uma função de reviver DateTime opcional. Você pode usar uma função 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;
}

Então ligue

JSON.parse(somejsonstring, dateTimeReviver);

E suas datas vão sair certas.

Esta resposta de Roy Tinker aqui :

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

Como ele diz: A função substr tira a parte "/ Date (", e a função parseInt obtém o inteiro e ignora ") /" no final. O número resultante é passado para o construtor Date.

Outra opção é simplesmente formatar suas informações corretamente no lado do ASP, de modo que o JavaScript possa lê-las facilmente. Considere fazer isso para suas datas:

DateTime.Now()

Que deve retornar um formato como este:

7/22/2008 12:11:04 PM

Se você passar isso para um Dateconstrutor JavaScript como este:

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

A variável dateagora contém este valor:

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

Naturalmente, você pode formatar esse DateTimeobjeto em qualquer tipo de string / int que o Dateconstrutor JS aceite.

se você usar o estilo de data ISO8601 do JavaScript em JSON, você pode usar isso, do MDN

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

Você pode converter a data JSON para o formato de data normal em JavaScript.

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

O que há de errado com:

new Date(1293034567877);

Isso retorna para mim "Quarta, 22 de dezembro de 2010 16:16:07 GMT + 0000 (hora padrão GMT)".

Ou você precisa obter o número do json?

Eu sei que este é um tópico muito antigo, mas gostaria de postar isso para ajudar aqueles que esbarraram nisso como eu fiz.

se você não se importa em usar um script de terceiros, pode usar moment, js. Então, você pode usar .format () para formatá-lo para qualquer coisa que desejar.

As datas são sempre um pesadelo. Respondendo à sua velha pergunta, talvez esta seja a maneira mais elegante:

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

Com eval, convertemos nossa string em código javascript. Em seguida, removemos o "/", para a função de substituição é uma expressão regular. À medida que começamos com novo, então nossas frases irão executar isto:

new Date(1455418800000)

Agora, uma coisa que comecei a usar há muito tempo, são valores longos representados em ticks ... por quê? bem, localização e pare de pensar em como a data é configurada em cada servidor ou cada cliente. Na verdade, eu também o uso em bancos de dados.

Talvez seja muito tarde para esta resposta, mas pode ajudar qualquer um aqui.

O AngularJS também não conseguiu analisar a /Date(xxxxxxxxxxxxx)/string de data JSON .NET .

Eu resolvi esse problema formatando a data para sua representação de string ISO 8601 em vez de despejar o Dateobjeto diretamente ...

Aqui está um exemplo de código ASP.NET MVC.

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

Tentei, RFC 1123mas não funcionou. O Angular trata isso como string em vez de Data.

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

Eu não usei .Net para coisas assim. Se você conseguiu imprimir algo como o seguinte, ele deve funcionar.

Observe, a menos que você esteja analisando essa string JSON por algum outro meio ou apenas espere que os usuários tenham navegadores modernos com um analisador JSON integrado, você precisa usar uma estrutura JS ou JSON2 para analisar a string JSON gerada pelo servidor em um 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) );

Wiki Link

Navegadores modernos, como Firefox 3.5 e Internet Explorer 8, incluem recursos especiais para analisar JSON. Como o suporte nativo do navegador é mais eficiente e seguro do que eval (), espera-se que o suporte nativo JSON seja incluído no próximo padrão ECMAScript. [6]

Link para arquivo JSON2

Exemplo ao Vivo

A resposta a esta pergunta é: use o nuget para obter JSON.NET e, em seguida, use isto dentro do seu JsonResultmétodo:

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

dentro da sua visualização, faça isso em javascript:

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

Se for uma chamada 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); });

Depois de JSON.parseser chamado, você pode colocar a data JSON em uma new Dateinstância porque JsonConvertcria uma instância de hora ISO adequada

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 Callum mencionou, para mim, a melhor maneira é mudar o método Controller para string em vez de JsonResult ".

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

A partir do método ajax, você pode fazer algo assim

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

usando a função eval funciona apenas tem que remover a barra na frente e atrás.

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

rende Qui, 01 de janeiro de 1970 00:00:00 GMT-0700 (Horário Padrão das Montanhas dos EUA)

Eu tive um problema com a API externa fornecendo datas neste formato, algumas vezes até com informações de diferença UTC como /Date(123232313131+1000)/. Consegui transformá-lo em um Dateobjeto js com o seguinte 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;
};

// Use esta função

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