javascript - Moment.js を使用する/使用しない日付の書式設定

Question

API から取得した日付を再フォーマットしようとしています。私が持っているオブジェクトで：

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

日付を 2013 年 6 月 13 日として表示したいと思います。誰かが私に moment.js の使用を提案しました。たくさんのドキュメントがありますが、使い方が少しわかりません。誰かがこれを行うためのより簡単な方法を助けたり提案したりできますか?

Answer 1

元の文字列を変更する必要はありません。次のように使用できます。

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

うまく機能します：http://jsfiddle.net/K5ub8/2/

Answer 2

すぐにこれを行うことができます

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 

瞬間がなく、new Dateオブジェクトではなく純粋な文字列操作を使用すると、次のことができます

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オブジェクトを使用して@ Antony answerを参照してください。回答を削除しました

または、オブジェクトとのクロスブラウザー互換性を高める必要がある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

Date.UTC(年、月、日 [、時、分、秒、ミリ秒]);

これで、人々がmoment.jsの使用を推奨する理由がわかったかもしれませんが、知識がある限り、ライブラリなしで自分でそれを行うのはそれほど苦痛ではありません。

Answer 3

多分あなたは分割を使うことができます

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 4

この Format Time 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
}