整理資料的APIs

d3 Time Formats

1. d3.timeParse( ) ⇒ 將日期等資訊轉換成 D3 看得懂的數值

程式碼

            
              //JS
              const timeData = "2023-03-07";
              const timeParse = d3.timeParse("%Y-%m-%d");
              console.log("timeParse", timeParse(timeData)); 
              // Tue Mar 07 2023 00:00:00 GMT+0800 (台北標準時間)

              // 簡寫
              d3.timeParse("%Y-%m-%d")("2023-03-07")
              // Tue Mar 07 2023 00:00:00 GMT+0800 (台北標準時間)
            
          

2. d3.timeFormat( ) ⇒ 將D3的日期時間數值轉換成我們看得懂的文字

程式碼

            
              //d3.timeParse
              const timeData = "2023-03-07";
              const timeParse = d3.timeParse("%Y-%m-%d");
              console.log("timeParse", timeParse(timeData));

              //d3.timeFormat
              // 轉換後想變成用 "/" 分隔
              const timeFormat = d3.timeFormat("%Y/%m/%d"); 
              console.log("timeFormat", timeFormat(parsedData)); 
              // 2023/03/07