修改date格式 javascript

如何修改 JavaScript 中的日期格式？

JavaScript 中有多種方式來表示日期，例如日期物件和日期字串。而在實際開發中，我們常常需要將日期格式化成指定的形式。本文將介紹如何使用 JavaScript 修改日期格式。

1. Date 物件

Date 物件是JavaScript 中處理日期和時間的標準對象，我們可以使用它來表示一個特定的日期和時間：

let currentDate = new Date();
console.log(currentDate); // 输出当前日期

輸出的結果為：

Fri Oct 15 2021 14:10:30 GMT+0800 (中国标准时间)

2. 日期格式化

為了將日期格式化成指定的形式，我們需要使用Date 物件的一些方法和屬性。例如：

• getDate()：取得日期中的日
• getMonth()：取得日期中的月份（從0 開始）
• getFullYear()：取得日期中的年份
• getHours()：取得日期中的小時（24 小時制）
• getMinutes()：取得日期中的分鐘
• getSeconds()：取得日期中的秒鐘
• toLocaleDateString()：將日期轉換為本地時間字串
• toLocaleTimeString()：將時間轉換為本地時間字串

在這些方法的基礎上，我們可以自訂日期格式化方法，如下：

function dateTimeFormatter(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');

  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

const date = new Date();
console.log(dateTimeFormatter(date)); // 输出自定义格式化日期

輸出的結果為：

2021-10-15 14:24:12

3. 日期字串轉日期物件

如果我們有一個日期字串，需要將它轉換為日期對象，我們可以使用Date 物件的parse() 方法：

const dateString = '2021-10-15T14:30:00';
const date = new Date(Date.parse(dateString));
console.log(date);

輸出的結果為：

Fri Oct 15 2021 14:30:00 GMT+0800 (中国标准时间)

4. 日期物件轉日期字串

如果我們有一個日期對象，需要將它轉換為日期字串，我們可以使用Date 物件的toISOString() 和toLocaleString() 方法：

const date = new Date();
console.log(date.toISOString()); // 输出 ISO 格式的日期字符串
console.log(date.toLocaleString()); // 输出本地化日期时间字符串

輸出的結果分別為：

2021-10-15T06:38:27.752Z
2021/10/15 上午6:38:27

5. Moment.js 函式庫

除了使用JavaScript 中的原生方法和函數外，我們還可以使用Moment.js 函式庫來處理日期和時間。該庫提供了豐富的 API 和工具，可以輕鬆解決日期格式化、日期計算和時區設定等問題。

範例：

const date = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
console.log(date);

輸出的結果與自訂格式化日期輸出的一致：

2021-10-15 15:17:24

總結：

在JavaScript 中，我們可以使用原生的Date 物件和一些方法和屬性來處理日期和時間，也可以使用Moment.js 函式庫來方便的處理日期和時間。無論是使用 JavaScript 或 Moment.js 函式庫，我們都需要了解常用的日期處理方法和相關的 API 才能更好的處理日期和時間。

以上是修改date格式 javascript的詳細內容。更多資訊請關注PHP中文網其他相關文章！