JavaScript 如何操作時間轉換格式設置
作者：前端老兵
match方法嘗試匹配字符串中的模式。如果成功，返回一個數組，其中第一個元素是整個匹配的字符串，接下來的元素是捕獲組（即括號內的部分）。
圖片
1. javascript 如何操作時間轉換格式設置
1.1. javascript 如何把date 時間 格式化成 yyyy-mm-dd格式
在JavaScript中，可以使用多種方法將Date 對象格式化為yyyy-mm-dd 格式的字符串。
以下是幾種常見的方法：
1.2. 方法一：使用toISOString 和slice 方法
Date 對象的toISOString 方法會返回一個 ISO 8601 格式的字符串，例如2023-04-01T00:00:00.000Z。
我們可以使用slice 方法截取前10個字符來獲取yyyy-mm-dd 格式的日期。
functionformatDate(date){return date.toISOString().slice(0,10);}// 測試const date=newDate('2023-04-01');const formattedDate=formatDate(date);console.log(formattedDate);// 輸出: 2023-04-011.3. 方法二：手動拼接
我們也可以手動從Date 對象中提取年、月、日，并使用模板字符串進行拼接。
functionformatDate(date){const year= date.getFullYear();const month=String(date.getMonth()+1).padStart(2,'0');// 月份從0開始，需要加1const day=String(date.getDate()).padStart(2,'0');return`${year}-${month}-${day}`;}// 測試const date=newDate('2023-04-01');const formattedDate=formatDate(date);console.log(formattedDate);// 輸出: 2023-04-011.4. 方法三：使用第三方庫（如 moment.js 或 day.js）
如果你的項目中已經使用了第三方日期處理庫，如moment.js 或day.js，可以更方便地進行格式化。
1.4.1. 使用moment.js
const moment=require('moment');functionformatDate(date){returnmoment(date).format('YYYY-MM-DD');}// 測試const date=newDate('2023-04-01');const formattedDate=formatDate(date);console.log(formattedDate);// 輸出: 2023-04-011.4.2. 使用day.js
const dayjs=require('dayjs');functionformatDate(date){returndayjs(date).format('YYYY-MM-DD');}// 測試const date=newDate('2023-04-01');const formattedDate=formatDate(date);console.log(formattedDate);// 輸出: 2023-04-011.5. 總結
- 方法一：適用于簡單的場景，不需要額外的邏輯。
- 方法二：靈活性高，適合需要更多自定義的情況。
- 方法三：使用第三方庫，代碼更簡潔，功能更強大。
選擇哪種方法取決于你的具體需求和項目環境。
2. javascript 如何把 yyyy-mm-dd 格式數據轉換成 yyyy 年 mm 月 dd 日格式
在JavaScript中，將yyyy-mm-dd格式的日期字符串轉換為yyyy年mm月dd日格式可以通過字符串操作來實現。
這里提供一個簡單的方法來完成這個轉換：
functionformatDate(dateStr){// 首先檢查輸入是否符合預期的格式if(!/^\d{4}-\d{2}-\d{2}$/.test(dateStr)){thrownewError('Invalid date format, expected: yyyy-mm-dd');}// 使用split方法按照'-'分割字符串，得到一個包含年月日的數組const[year, month, day]= dateStr.split('-');// 拼接成新的格式return`${year}年${month}月${day}日`;}// 測試const formattedDate=formatDate('2023-04-01');console.log(formattedDate);// 輸出: 2023年04月01日這段代碼首先定義了一個函數formatDate，該函數接收一個日期字符串作為參數。然后使用正則表達式檢查輸入的日期字符串是否符合yyyy-mm-dd的格式。如果不符合，就拋出錯誤。接著，利用split方法將字符串按照-分割成一個數組，數組中的元素分別對應年、月、日。最后，通過模板字符串（template literals）將這些值重新組合成yyyy年mm月dd日的格式。
你可以根據需要調整這個函數，比如添加對月份和日子前導零的處理，或者處理其他可能的輸入異常情況。
3. javascript 如何把yyyy年mm月dd日格式數據轉換成yyyy-mm-dd 格式
要將yyyy年mm月dd日格式的日期字符串轉換為yyyy-mm-dd格式，可以使用字符串操作方法來提取年、月、日，并重新組合。
以下是一個示例函數，演示了如何進行這種轉換：
functionparseChineseDate(dateStr){// 使用正則表達式匹配并捕獲年、月、日const match= dateStr.match(/^(\d{4})年(\d{2})月(\d{2})日$/);// 如果匹配失敗，拋出錯誤if(!match){thrownewError('Invalid date format, expected: yyyy年mm月dd日');}// 提取年、月、日const year= match[1];const month= match[2];const day= match[3];// 重新組合成yyyy-mm-dd格式return`${year}-${month}-${day}`;}// 測試const formattedDate=parseChineseDate('2023年04月01日');console.log(formattedDate);// 輸出: 2023-04-013.1. 解釋：
- 正則表達式：^(\d{4})年(\d{2})月(\d{2})日$用于匹配yyyy年mm月dd日格式的字符串。它確保字符串以四位數字開始（年），后面跟著“年”，然后是兩位數字（月），后面跟著“月”，再后面是兩位數字（日），最后以“日”結束。
- match方法：match方法嘗試匹配字符串中的模式。如果成功，返回一個數組，其中第一個元素是整個匹配的字符串，接下來的元素是捕獲組（即括號內的部分）。
- 提取年、月、日：從匹配結果中提取年、月、日的值。
- 重組字符串：使用模板字符串將年、月、日重新組合成yyyy-mm-dd格式。
這個函數會檢查輸入的日期字符串是否符合預期的格式，如果不符則會拋出錯誤。你可以根據需要進一步優化或擴展這個函數。
責任編輯：武曉燕
來源：
前端愛好者
