JavaScript での日付の書式設定: 日付オブジェクトを文字列に変換する方法

JavaScript で日付オブジェクトを文字列にフォーマットする

JavaScript フロントエンド スクリプト

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010

Node.js でのサーバー側の日付フォーマット

Node.js バックエンド スクリプト

const express = require('express');
const app = express();
const port = 3000;

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

app.get('/formatted-date', (req, res) => {
  const date = new Date(2010, 7, 10); // 10-Aug-2010
  const formattedDate = formatDate(date);
  res.send(`Formatted Date: ${formattedDate}`);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

JavaScript の日付形式に関するよくある質問

1. 日付を別のロケールに合わせてフォーマットするにはどうすればよいですか?
2. 使用 toLocaleDateString ロケールを指定したメソッド。 date.toLocaleDateString('fr-FR')。
3. Date オブジェクトの時刻部分だけをフォーマットできますか?
4. はい、使用します toLocaleTimeString 時間部分をフォーマットします。
5. 使用するメリットは何ですか Intl.DateTimeFormat?
6. これにより、さまざまなロケール間で日付と時刻の形式をより詳細に制御できるようになります。
7. Date オブジェクトから月の名前を取得するにはどうすればよいですか?
8. 使用 toLocaleString オプションを使用すると、次のようになります date.toLocaleString('en-US', { month: 'long' })。
9. は moment.js 日付の書式設定にはまだ良い選択があるでしょうか?
10. その間 moment.js 廃止されましたが、依然として広く使用されています。次のような代替案を検討してください date-fns。
11. Date オブジェクトに日数を追加するにはどうすればよいですか?
12. 使用 date.setDate(date.getDate() + numberOfDays)。
13. 日付を ISO 文字列としてフォーマットできますか?
14. はい、使用します date.toISOString() ISO形式の場合。
15. JavaScript のデフォルトの日付形式は何ですか?
16. デフォルトでは、 toString 形式で日付を返します 'Wed Jun 25 2024 12:00:00 GMT+0000 (Coordinated Universal Time)'。
17. JavaScript で 2 つの日付を比較するにはどうすればよいですか?
18. 次のような比較演算子を使用します。 date1.getTime() === date2.getTime()。

JavaScript での日付の書式設定のまとめ

JavaScript で日付を適切にフォーマットすると、ユーザー エクスペリエンスが向上し、データ表現の一貫性が確保されます。この記事では、フロントエンドとバックエンドの両方のソリューションを提供し、 toLocaleDateString、 replace、 そして Intl.DateTimeFormat。これらの方法とツールを活用することで、開発者は目的の日付形式を簡単に実現できます。のようなライブラリを活用することで、 moment.js そして date-fns 複雑な日付操作がさらに簡素化され、JavaScript が日付書式設定タスクを処理するための強力な選択肢になります。