詳解newdate().format方法

一、新建Date對象

newdate().format是JavaScript中Date對象的一個方法，Date對象表示時間，包含當前時間和日期。在使用Date對象時，需要利用構造函數新建一個Date對象。

示例代碼如下：

const date = new Date();

通過上述代碼，我們創建了一個Date對象，該對象表示當前時間和日期。

二、format方法的概述

newdate().format方法是一個用于格式化輸出的方法。該方法將Date對象中的時間和日期按照指定的格式輸出。

該方法最常見的用途是將日期時間格式化為字元串，並作為輸出的結果。常見的格式化指令包括：

• y：年份
• M：月份
• d：日
• h：小時
• m：分鐘
• s：秒鐘
• S：毫秒

除了以上格式化指令外，還可以使用標點符號、空格等進行格式化。下面是一個例子：

示例代碼如下：

const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const formattedDate = year + '-' + month + '-' + day;
console.log(formattedDate); // 2022-1-1

在上述代碼中，我們先通過Date對象獲取了當前的年月日，並通過字元串拼接的方式將它們格式化為了字元串，最終輸出的結果為「2022-1-1」。

三、format方法的常用格式化指令

1. 將年份格式化為2位數

使用「yy」表示年份的後兩位數。下面是一個例子：

示例代碼如下：

const date = new Date();
const year = date.getFullYear();
const formattedDate = year.toString().slice(2);
console.log(formattedDate); // 22

在上述代碼中，我們首先獲取了當前年份，並將其轉化為字元串。然後使用字元串的slice方法截取最後兩位數字，最終得到了一個「22」的字元串。這就是將年份格式化為2位數的方法。

2. 將月份格式化為2位數

使用「MM」表示月份的兩位數。下面是一個例子：

示例代碼如下：

const date = new Date();
const month = date.getMonth() + 1;
const formattedDate = month.toString().padStart(2, '0');
console.log(formattedDate); // 01

在上述代碼中，我們首先使用Date對象的getMonth方法獲取了當前的月份數字，然後使用字元串的padStart方法將該數字格式化為兩位數並添加前導零，最終得到了一個「01」的字元串。

3. 將日格式化為2位數

使用「dd」表示日期的兩位數。下面是一個例子：

示例代碼如下：

const date = new Date();
const day = date.getDate();
const formattedDate = day.toString().padStart(2, '0');
console.log(formattedDate); // 01

在上述代碼中，我們首先使用Date對象的getDate方法獲取了當前的日期，然後使用字元串的padStart方法將該數字格式化為兩位數並添加前導零，最終得到了一個「01」的字元串。

4. 將小時格式化為12小時制

使用「h」表示小時的12小時制數字，使用「hh」表示小時的兩位12小時制數字。下面是一個例子：

示例代碼如下：

const date = new Date();
const hours = date.getHours();
const formattedDate = (hours % 12 || 12).toString().padStart(2, '0');
console.log(formattedDate); // 01

在上述代碼中，我們首先使用Date對象的getHours方法獲取了當前的小時數，然後使用模運算取12小時制的數字。如果取模後為0，則表示當前為12點。最後使用字元串的padStart方法將該數字格式化為兩位數並添加前導零，最終得到了一個「01」的字元串。

5. 將小時格式化為24小時制

使用「H」表示小時的24小時制數字，使用「HH」表示小時的兩位24小時制數字。下面是一個例子：

示例代碼如下：

const date = new Date();
const hours = date.getHours();
const formattedDate = hours.toString().padStart(2, '0');
console.log(formattedDate); // 01

在上述代碼中，我們首先使用Date對象的getHours方法獲取了當前的小時數，並使用字元串的padStart方法將該數字格式化為兩位數並添加前導零，最終得到了一個「01」的字元串。

6. 將分鐘、秒鐘和毫秒格式化為2位數

使用「mm」表示分鐘的兩位數，使用「ss」表示秒鐘的兩位數，使用「SSS」表示毫秒的三位數。下面是一個例子：

示例代碼如下：

const date = new Date();
const minutes = date.getMinutes();
const seconds = date.getSeconds();
const milliseconds = date.getMilliseconds();
const formattedDate = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}.${milliseconds.toString().padStart(3, '0')}`;
console.log(formattedDate); // 01:01.001

在上述代碼中，我們首先使用Date對象的getMinutes、getSeconds和getMilliseconds方法分別獲取了當前的分鐘數、秒鐘數和毫秒數，並使用字元串的padStart方法將它們格式化為兩位數或三位數並添加前導零或前導零與前導零的點號，最終得到了一個「01：01：001」的字元串。

四、總結

newdate().format方法是一個十分有用的工具，它可以將Date對象格式化為任何我們想要的形式，使我們在開發過程中更加方便地處理時間和日期。希望本文能幫助您更好地理解並使用newdate().format方法。