jquery에서 dateTime json의 형식을 변경하는 방법은 무엇입니까?

Question

내가 날짜와 시간 형태의 DB를 표시 할 때 지금, 그것의는 다음과 같습니다

화 2017년 12월 12일 02시 03분 0초 (그리니치 표준시) + 0000 (동부 서머 타임) 4 분을. 설명 : duntik2

또한 쇼 시간과 (시간 + 기간)이 필요합니다. 그런 :

2시 3분에서 2시 7분까지 설명 -

내가보고 싶어 2시 7분이

화 2017년 12월 12일 2시 3분 같은 출력 : duntik2

내 JQuery와 아약스 코드가

$.ajax({ 
    url: url, 
    type: 'GET', 
    dataType: 'json', 
    success: function (data) { 
    var ul= $("#list_of_appointments"); 
    for (i=0; i<data.length; i++){ 
     var date = new Date(data[i].date_time); 
     var li= "<li><span class='date_time'>" + date + " </span>" + 
        "<span class='duration' Duration >" + data[i].duration + "min.</span>" + 
       "<span class='description'>" + data[i].description + 
      " </span>" + "<input type='hidden' value=" + data[i].id + " /></li>"; 
     ul.append(li); 
    }}); 

이 코드를 변경하는 데 도움을 줄 수 있습니까?

Answer 1

toLocaleDateString 및 toLocaleTimeString 방법을 사용할 수 있습니다. https://github.com/taylorhakes/fecha에서

var i = 0, data = [{date_time: new Date(), duration:4, description:'Duntik', id:'some-id'}]; 
 
var date = new Date(data[i].date_time), 
 
    enddate = new Date(date); 
 

 
enddate.setMinutes(enddate.getMinutes() + data[i].duration); // create the enddate from where we will extract the ending time 
 

 
var formattedDate = date.toLocaleDateString('en-US', { 
 
    weekday: 'short', 
 
    month: 'short', 
 
    day: 'numeric', 
 
    year: 'numeric', 
 
    hour: '2-digit', 
 
    minute: '2-digit', 
 
    hour12: false 
 
    }).replace(/,/g, ''), 
 
    formattedTime = enddate.toLocaleTimeString('en-US', { 
 
    hour: '2-digit', 
 
    minute: '2-digit', 
 
    hour12: false 
 
    }); 
 

 
var li = "<li><span class='date_time'>" + formattedDate + ' - ' + formattedTime + " </span>" + 
 
    "<span class='description'>" + data[i].description + 
 
    " </span>" + "<input type='hidden' value=" + data[i].id + " /></li>"; 
 

 

 
console.log(li);