форматирование даты с/без Moment.js

Question

Я пытаюсь переформатировать дату, которую я получаю от API. В объекте у меня есть:

created_at: "2013-06-13T16:29:55.245Z" 

Я хотел бы показать дату как 13.06.2012. Кто-то предложил использовать moment.js. У этого есть тонны документации, но я немного смущен тем, как его использовать. может ли кто-нибудь помочь или предложить более простой способ сделать это?

Answer 1

Нет необходимости изменять исходную строку, вы можете просто использовать его как это:

alert(moment("2013-06-13T16:29:55.245Z").format("M/DD/YYYY")); 

Хорошо работает: http://jsfiddle.net/K5ub8/2/

Answer 2

может быть, вы не можете использовать сплит

var tuple = createdAt.split("T"); 
var date = tuple[0]; 
var dateTuple = date.split("-"); 
var day = parseInt(dateTuple[2]); 
var month = parseInt(dateTuple[1]); 
var year = parseInt(dateTuple[0]); 
var newFormatedDate = [ month , day, year ].join("/"); 

Answer 3

В моменты вы может только это сделать

var timeStr = "2013-06-13T16:29:55.245Z", 
 
    newFormat = moment(timeStr).format('M/DD/YYYY'); 
 

 
document.body.textContent = newFormat;

<script src="https://rawgithub.com/timrwood/moment/2.9.0/min/moment.min.js"></script>

Выход

6/13/2013 

без моментов и с использованием чистого манипулирования строками, а не newDate объекта, вы можете сделать

var timeStr = "2013-06-13T16:29:55.245Z", 
 
    temp = timeStr.split("T")[0].split("-").reverse(), 
 
    newFormat; 
 

 
temp[0] = temp.splice(1, 1, temp[0])[0]; 
 
newFormat = temp.join("/"); 
 
if (newFormat.charAt(0) === "0") { 
 
    newFormat = newFormat.slice(1); 
 
} 
 

 
document.body.textContent = newFormat;

Выход

6/13/2013 

При использовании Date объекта см @Antonyanswer. Ответ удален

Или если вам нужно больше cross-browser compatible с объектом Date, но все же синтаксический анализ строки.

var timeStr = "2013-06-13T16:29:55.245Z", 
 
    intermediate = timeStr.split("T"), 
 
    newStr = intermediate[0].split("-").join("/") + " " + intermediate[1].split(".")[0] + " GMT", 
 
    newDate = new Date(newStr), 
 
    newFormat = (1 + newDate.getUTCMonth()) + "/" + newDate.getUTCDate() + "/" + newDate.getFullYear(); 
 

 
document.body.textContent = newFormat;

Выход

6/13/2013 

Наконец, вы можете разделить строку на составные части и подать его в Date.UTC используя эти аргументы, а не позволять Date сделать строку разборе.

дата.UTC (год, месяц, день [, час, минута, секунда, миллисекунда]);

Так что, возможно, теперь вы можете понять, почему люди предлагают использовать moments.js, но до тех пор, пока у вас есть знания, то это не слишком больно, чтобы сделать это самостоятельно без библиотеки.

Answer 4

Вы можете проверить этот формат времени API - https://www.mashape.com/parsify/format#!endpoint-Time

Я набранный в вашей дате "2013-06-13T16: 29: 55.245Z" и получил следующий ответ -

{ 
    "given": "2013-06-13T16:29:55.245Z", 
    "time": { 
    "daysInMonth": 30, 
    "millisecond": 245, 
    "second": 55, 
    "minute": 29, 
    "hour": 16, 
    "date": 13, 
    "day": 4, 
    "week": 24, 
    "month": 5, 
    "year": 2013, 
    "zone": "+0000" 
}, 
    "formatted": { 
    "weekday": "Thursday", 
    "month": "June", 
    "ago": "2 hours", 
    "calendar": "Today at 4:29 PM", 
    "generic": "2013-06-13T16:29:55+00:00", 
    "time": "4:29 PM", 
    "short": "06/13/2013", 
    "slim": "6/13/2013", 
    "hand": "Jun 13 2013", 
    "handTime": "Jun 13 2013 4:29 PM", 
    "longhand": "June 13 2013", 
    "longhandTime": "June 13 2013 4:29 PM", 
    "full": "Thursday, June 13 2013 4:29 PM", 
    "fullSlim": "Thu, Jun 13 2013 4:29 PM" 
}, 
    "array": [ 
    2013, 
    5, 
    13, 
    16, 
    29, 
    55, 
    245 
    ], 
"offset": 1371140995245, 
"unix": 1371140995, 
"utc": "2013-06-13T16:29:55.245Z", 
"valid": true, 
"integer": false, 
"zone": 0 
}