技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
13
0
Modern Web
JavaScript 菜鳥研究室
系列 第
13
篇
菜鳥日記Day 13-如何取得時間與日期資訊
12th鐵人賽
阿瀚
2020-09-27 22:27:02
616 瀏覽
分享至
學會取得時間與日期資訊是一個相當實用的技巧~
剛好這次製作的口罩地圖,有使用到這個工具,藉此來向大家介紹一下~
參考語法如下:
步驟解析:
設定變數data:擷取所有時間資訊(包括禮拜幾? 年月日? 幾點幾分? 什麼時區?)
設定變數day:擷取變數date中禮拜幾的資訊
設定變數thisDay:重新排列變數date的字串。原本的顯示方式為月、日、年,在此我們要讓它顯示為年-月-日。這裡需特別注意,因為getMonth是從0開始計算,因此實務上必須+1才會顯示正常月份。
設定變數chineseDay:將變數day所擷取到的阿拉伯數字,轉換成中文數字
使用document.querySelector選取HTML頁的特定標題,並置入你想要顯示的日期資訊。
建立判斷式:當變數day的內容為1、3、5時,偶數資訊無法顯示。當內容為2、4、6時,奇數資訊無法顯示。這是新冠肺炎爆發時,政府制定領取口罩的規則,單數日,只允許身份證字號單數者至藥局購買口罩,雙數日,則相反。
建立函式:當變數day的數字為1時,顯示一,當數字為2時,顯示二,以此類推。
留言
追蹤
檢舉
上一篇
菜鳥日記Day 12-如何解決資料量過大,文字內容超出預設畫面的問題
下一篇
菜鳥日記Day 14-AJAX的運作方式
系列文
JavaScript 菜鳥研究室
共
30
篇
目錄
RSS系列文
訂閱系列文
7
人訂閱
26
菜鳥日記Day 26-Promise承諾
27
菜鳥日記Day 27-setTimeout與setInterval
28
菜鳥日記Day 28-如何為時鐘刻上數字?
29
菜鳥日記Day 29-用Chart.js製作圖表
30
菜鳥日記Day 30-用JSON-Server自建雲端資料庫
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22082
篇
完賽人數
594
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
WIN11 一直跳出中毒的訊息
資料庫系統
網域切換的技術詢問
如何讓內網的FortiGate防火牆可以收到韌體更新與下載
請問華碩分享器的系統紀錄這是在說明什麼
Mail server 資料不見
掃qr code圖示後是同時進入兩個網址
UPS相關供電問題
這樣可以查到電話號碼嗎
有關於Plesk 記憶體使用 的疑惑
熱門回答
WIN11 一直跳出中毒的訊息
如何讓內網的FortiGate防火牆可以收到韌體更新與下載
有關於Plesk 記憶體使用 的疑惑
資料庫系統
自家網站DNS連線逾時會載入很慢
熱門文章
PrintNightmare: 沒想到會被 Windows 11 終結
Day 39 - 使用 Angular 19 中的 Resource API 進行資料檢索
後 Grafana 時代的第三十一天 - AlertSnitch 告警歷史可視化的利器
當了兩個月的轉職工程師是怎樣的感覺?
Day 38 - 在 Angular 19 中重置或設定 LinkedSignal 中的值
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}