自訂 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

相關文章與資料

初探 Intl.DateTimeFormat

調整 Intl.DateTimeFormat 的格式