iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
0
Modern Web

JavaScript 菜鳥研究室系列 第 13

菜鳥日記Day 13-如何取得時間與日期資訊

  • 分享至 

  • xImage
  •  

學會取得時間與日期資訊是一個相當實用的技巧~
剛好這次製作的口罩地圖,有使用到這個工具,藉此來向大家介紹一下~

參考語法如下:
https://ithelp.ithome.com.tw/upload/images/20200925/20130039ouwMshsX4f.png

步驟解析:

  1. 設定變數data:擷取所有時間資訊(包括禮拜幾? 年月日? 幾點幾分? 什麼時區?)
    https://ithelp.ithome.com.tw/upload/images/20200925/20130039EUGy3Rnq2B.png
  2. 設定變數day:擷取變數date中禮拜幾的資訊
  3. 設定變數thisDay:重新排列變數date的字串。原本的顯示方式為月、日、年,在此我們要讓它顯示為年-月-日。這裡需特別注意,因為getMonth是從0開始計算,因此實務上必須+1才會顯示正常月份。
  4. 設定變數chineseDay:將變數day所擷取到的阿拉伯數字,轉換成中文數字
  5. 使用document.querySelector選取HTML頁的特定標題,並置入你想要顯示的日期資訊。
  6. 建立判斷式:當變數day的內容為1、3、5時,偶數資訊無法顯示。當內容為2、4、6時,奇數資訊無法顯示。這是新冠肺炎爆發時,政府制定領取口罩的規則,單數日,只允許身份證字號單數者至藥局購買口罩,雙數日,則相反。
  7. 建立函式:當變數day的數字為1時,顯示一,當數字為2時,顯示二,以此類推。
    https://ithelp.ithome.com.tw/upload/images/20200925/201300395VeJDpkDEr.png

上一篇
菜鳥日記Day 12-如何解決資料量過大,文字內容超出預設畫面的問題
下一篇
菜鳥日記Day 14-AJAX的運作方式
系列文
JavaScript 菜鳥研究室30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言