My Javascript/AJAX function is not converting Date to the correct format

Question

Hello

I’m having a problem with an MVC project. My View needs to return Data values to some Text Boxes (from the record selection by a Data Table) so that the user can do the record Edit.

The problem is that the data is not being shown in the correct format. Textboxes show strange strings like this in place:

/Date(1515290400000)/

My Javascript function looks like this:

function GetDepSecById(DepartmentSectionId) {
$.ajax({
    url: urlGetDepSecById,
    data: { DepartmentSectionId: DepartmentSectionId },
    type: 'POST',
    success: function (result) {

        $('#DepartmentSectionId').val(result.DepartmentSectionId);
        $('#ObsoleteDate').val(result.ObsoleteDate);
        $('#StartPeriodDate').val(result.StartPeriodDate);
        $('#EndPeriodDate').val(result.EndPeriodDate);

        DatePickerPadrao($('#ObsoleteDate'));
        DatePickerPadrao($('#StartPeriodDate'));
        DatePickerPadrao($('#EndPeriodDate'));
    }
  });
}

The Datapickerpadrao method is what should be responsible for converting Data. It is within another JS in the project:

function DatePickerPadrao(control) {
control.datetimepicker(
{
    locale: 'en-US',
    format: 'MM/DD/YYYY'
});
}

Answer 1

Just you take the return and convert to date using parseInt. First remove the bars. See an example:

var retorno = "/Date(1531326926000)/";
// remove as barras com o Regex, ou pode ser um replace também
retorno = retorno.replace(/[^0-9 +]/g, ''); 
// converte o formato numérico para data
var data = new Date(parseInt(retorno));
console.log(data);

//se quiser no formato texto:
console.log(data.getDate() + "/" + (data.getMonth() + 1) + "/" + data.getFullYear());

A suggestion to work with dates is to use moment.js, which has methods to format and convert, simple to use: http://momentjs.com