自訂 Intl.DateTimeFormat 的格式
前言
在之前的 調整 Intl.DateTimeFormat 的格式 示範如何調整格式,但都是常見的制式化格式,這些格式都不會顯示秒,如果要顯示秒就要靠訂定格式,在此把學習的過程做個紀錄。
內容
範例如下
const date = new Date(Date.UTC(2020, 11, 20, 3, 23, 16, 738)); // console.log(new Intl.DateTimeFormat('zh-tw',{ dateStyle: 'short', timeStyle: 'short', }).format(date));//2020/12/20 上午11:23 // console.log(new Intl.DateTimeFormat('zh-tw',{ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second : 'numeric', fractionalSecondDigits: 3 }).format(date));//2020年12月20日 星期日 上午11:23:16.738
要自訂格式一樣是透過第二個參數,直接輸入要顯示的部分的參數即可,不只可以顯示秒,還可以顯示千分之一秒還有星期幾,這些是制式化格是不會顯示的,範例先示範制式化的格式,接著在示範這次的自訂格式,有一點是要注意的,制式化格式的參數 dateStyle 與 timeStyle ,式不可以跟自訂的參數混用的!只要混用就會報錯。
參考資料
[ developer.mozilla.org ] Intl.DateTimeFormat() constructor