4

Tenho um retorno de json que vem assim do SqlServer:

/Date(1386295200000)/

Como converter para o formato data dd/mm/yyyy?

14
  • Você tentou alguma forma ? Seria conversão da data unix para dd/mm/yyyy correto !?
    – rbz
    22/03/2018 às 19:20
  • não, porque nunca tinha visto esse retorno na vida... nem sabia que era data unix hue, sim seria 22/03/2018 às 19:21
  • Isso vem dinamico do entity. 22/03/2018 às 19:24
  • Se está utilizando qual backend (linguagem de programação)?
    – novic
    22/03/2018 às 19:24
  • Estou usando o c# como backend 22/03/2018 às 19:25

5 Respostas 5

3

Acredito que você está fazendo uma chamada Json e tem um campo data, igual ao Json abaixo:

{  
   "rows":[  
      {  
         "UsuarioConviteID":1,
         "Email":"[email protected]",
         "Controle":"Aceito",
         "DtControle":"\/Date(1518540878497)\/",
         "DtCad":"\/Date(1518526866667)\/",
         "Status":"A",
         "Fixo":"Não"
      }
   ],
   "total":1
}

Para você converter data usando JQuery pode usar a função:

function formataData(value) {
    if (value == null)
        return null;    
    var dataTexto = value.replace('/', '').replace('/', '').replace('Date', '').replace('(', '').replace(')', '');
    var date = new Date(parseInt(dataTexto));    
    return pad(2, date.getDate().toString(), '0') + "/" + pad(2, (date.getMonth() + 1).toString(), '0') + "/" + pad(4, date.getFullYear().toString(), '0');
};
3
  • Aonde que usária ela para exibir em um bootgrid por exemplo 22/03/2018 às 19:42
  • @gabrielfalieri só um instante para ver o funcionamento do bootgrid
    – Tiedt Tech
    22/03/2018 às 19:44
  • @gabrielfalieri se você olhar a documentação do bootgrid em jquery-bootgrid.com/Examples#data você tem uma função formatters: { "link": function(column, row) { return "<a href=\"#\">" + column.id + ": " + row.id + "</a>"; } lá você poderia colocar a função
    – Tiedt Tech
    22/03/2018 às 19:46
2

A opção melhor nesse caso é herda a classe JsonResult e mudar a configuração do formato da data, da seguinte forma:

Classe JsonResultDateFormat:

public class JsonResultDateFormat : JsonResult
{        
    public JsonResultDateFormat(object data, 
            JsonRequestBehavior jsonRequestBehavior = JsonRequestBehavior.AllowGet)    
    {
        Data = data;
        JsonRequestBehavior = jsonRequestBehavior;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        HttpResponseBase response = context.HttpContext.Response;
        response.ContentType = "application/json";
        if (ContentEncoding != null) response.ContentEncoding = ContentEncoding;
        JsonTextWriter writer = new JsonTextWriter(response.Output) { 
            Formatting = Formatting.Indented 
        };
        JsonSerializer serializer = JsonSerializer.Create(new JsonSerializerSettings()
        {
            DateFormatString = "dd/MM/yyyy" // aqui o formato da data
        });
        serializer.Serialize(writer, Data);
        writer.Flush();
    }

    public static JsonResultDateFormat Create(object data, 
                JsonRequestBehavior jsonRequestBehavior = JsonRequestBehavior.AllowGet)
        => new JsonResultDateFormat(data, jsonRequestBehavior);
}

e no método do Controller:

public JsonResult Test()
{
    using (DatabasecoreContext c = new DatabasecoreContext())
    {
        var data = c.Notice.ToList();
        return JsonResultDateFormat.Create(data);
    }
}

a sua saída é:

[
  {
    "Id": 1,
    "CreditId": 1,
    "Title": "Esporte",
    "DateCreated": "01/02/2018"
  },
  {
    "Id": 2,
    "CreditId": 2,
    "Title": "Esporte",
    "DateCreated": "01/02/2018"
  }
]

Referencia: Dealing with JSON Dates in ASP.NET MVC

2
  • 1
    Vou testar essa sua soluçao aqui agora 23/03/2018 às 11:30
  • 1
    Perfeita @virgilio-novic 23/03/2018 às 11:52
2

A biblioteca Momentjs já suporta ASP.NET JSON Date, veja a documentação.

Exemplo de código:

moment("/Date(1386295200000)/").format("DD/MM/YYYY"); // 06/12/2013
moment("/Date(1198908717056-0700)/"); // Sat Dec 29 2007 04:11:57 GMT-0200
moment("/Date(1198908717056-0700)/").format("DD/MM/YYYY"); // 29/12/2007

Veja o resultado:

$(function() {
  var result = moment('/Date(1386295200000)/').format("DD/MM/YYYY");
  alert(result);
  result = moment("/Date(1198908717056-0700)/");
  alert(result);
  result = moment("/Date(1198908717056-0700)/").format("DD/MM/YYYY");
  alert(result);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script>

Ou se preferir em JSFiddle.

1

Do lado do servidor a data provavelmente está correta. Geralmente isso acontece na conversão de DateTime para Json (e geralmente tratamos o retorno em JavaScript, não sei se é o seu caso, a questão não aborda isso).

Se quiser fazer o ajuste só no lado do front-end via javascript, crie uma função assim:

function ConverterJsonDateToJavascriptDate(data)
{
    var retorno = new Date(parseInt(jsonDate.substr(6)));
}

Use assim:

var jsonDate = "/Date(1386295200000)/"; 
var resultado = ConverterJsonDateToJavascriptDate(jsonDate);
1

Recomendo o uso do framework MomentJS para fazer tratamento de datas. Segue um exemplo de extraído da documentação do Bootgrid

$("#grid").bootgrid({
    converters: {
        datetime: {
            from: function (value) { return moment(value); },
            to: function (value) { return value.format("lll"); }
        }
    }
});

Outra alternativa é controlar saída da data, usando o JsonProperty annotation :

using System;
using System.Web.Http;
using Newtonsoft.Json;
using Newtonsoft.Json.Converters;

namespace WebApiDemo.Controllers
{
    public class ValuesController : ApiController
    {
        // GET api/values
        public IHttpActionResult Get()
        {
            var demo = new DemoViewModel { Data = DateTime.UtcNow };
            return Ok(demo);
        }
    }

    public class DemoViewModel
    {
        [JsonProperty(ItemConverterType = typeof(IsoDateTimeConverter))]
        public DateTime Data { get; set; }
    }
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .