您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“分析JavaScript中時間格式化新思路toLocaleString()”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“分析JavaScript中時間格式化新思路toLocaleString()”吧!
正常思路是通過Date的實(shí)例依次獲取年月日等,例如一個簡單的格式化例子:
Date.prototype.format = function(dateStr) { let date = new Date(); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate().toString().padStart(2, "0"); let hour = date.getHours(); let minute = date.getMinutes(); let second = date.getSeconds(); dateStr = dateStr.replace("年", year) .replace("月", month) .replace("日", day) .replace("小時", hour) .replace("分鐘", minute) .replace("秒", second); return dateStr; }; // 使用上面的方法 console.log(new Date().format("年-月-日")); // 2021-11-04
toLocaleString()
和 toString()
類似,也是返回對象的字符串,不過會根據(jù)本地化的執(zhí)行環(huán)境處理。尤其是對時間對象的支持,可以轉(zhuǎn)成一定的格式。
// 日期,輸出當(dāng)前時間 let date = new Date(); // 這個是格林威治時間格式 console.log(date.toString()); // Thu Nov 04 2021 10:11:35 GMT+0800 (中國標(biāo)準(zhǔn)時間) // 這個是本地時間格式 console.log(date.toLocaleString()); // 2021/11/4 上午10:18:08
新版本瀏覽器可以支持 locales 和 options 參數(shù):
let date = new Date(); // 24小時制 let options = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: false }; console.log(date.toLocaleString("zh-CN", options)); // 2021/11/4 10:33:01
獲取星期幾:
let date = new Date(); let options = { weekday: "long" }; console.log(date.toLocaleString("zh-CN", options)); // 星期四
options
更多的參數(shù)可以參考文章尾部提供的鏈接。
缺陷:
如果要顯示 x年x月x日 這樣的格式,目前沒有找合適的寫法,相對來講 toLocaleString() 功能比較局限一些。
到此,相信大家對“分析JavaScript中時間格式化新思路toLocaleString()”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。