Как показать строку даты Json как DD/MM/YYYY в таблице

Question

Я пытаюсь отформатировать некоторые даты json в таблице для более читаемого формата. Строка, возвращаемая из json, выглядит так: "2015-06-29T10:00:00.000Z".

Время не важно, я просто хочу показать дату как dd/mm/yyyy.

Я пробовал использовать new date(detestring), но у меня, возможно, было это неправильно, так как он не работает. Вот полный код.

$(document).ready(function() { 
$.getJSON('opp.php', function(data) { 
    $.each(data.opportunities, function() { 
    $("table#outtodaytomorrow").append("<tr><td>" + this.number + "</td><td>" + new Date(this.starts_at) + "</td></tr>"); 
}); 
}); 
}); 

Любая помощь очень ценится.

Answer 1

Вы должны создать свою собственную функцию, которая достигнет цели.

function formatDate(stringDate){ 
    var date=new Date(stringDate); 
    return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear(); 
} 

Ваш код:

$("table#outtodaytomorrow").append("<tr><td>" + this.number + "</td><td>" + formatDate(this.starts_at) + "</td></tr>"); 

Answer 2

См Format date to MM/dd/yyyy in javascript

Во-первых, разобрать его на свидание с

var date = new Date(this.starts_at); 

Во-вторых, печатать дату по желанию

var dateStr = (date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear()) 

Вы получите "6/29/2015"

Для вашего конкретного экземпляра, это будет что-то вроде

$(document).ready(function() { 
    $.getJSON('opp.php', function(data) { 
    $.each(data.opportunities, function() { 
     var date = new Date(this.starts_at); 
     var dateStr = (date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear()) 
     $("table#outtodaytomorrow").append("<tr><td>" + this.number + "</td><td>" + dateStr + "</td></tr>"); 
    }); 
    }); 
}); 

Дробление компонент в различные части памяти, таких как «дата» и «СТРОКА-ДАТЫ» облегчает читать и понимать.

Answer 3

Вы можете использовать MomentJs для анализа первого ввода, а затем отформатировать его в желаемом формате.
Что-то вроде:

$(document).ready(function() { 
$.getJSON('opp.php', function(data) { 
    $.each(data.opportunities, function() { 
     $("table#outtodaytomorrow").append("<tr><td>" + this.number + "</td><td>" + moment(this.starts_at).format("DD/MM/YYYY") + "</td></tr>"); 
    }); 
}); 
});