技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
13
0
Modern Web
JavaScript 菜鳥研究室
系列 第
13
篇
菜鳥日記Day 13-如何取得時間與日期資訊
12th鐵人賽
阿瀚
2020-09-27 22:27:02
751 瀏覽
分享至
學會取得時間與日期資訊是一個相當實用的技巧~
剛好這次製作的口罩地圖,有使用到這個工具,藉此來向大家介紹一下~
參考語法如下:
步驟解析:
設定變數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鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19639
篇
完賽人數
530
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
【已解決】鐵人賽每天發表,還是一樣被斷賽了!?有人是一樣的嗎?
Win2008R2 AD無法派送印表機到 Win11 的電腦,可以用網域內的win11電腦部屬派送至其他成員電腦嗎?
作為新手想踏入MIS領域,應該讀什麼?
Windows 2008 R2 AD無法派送印表機到 Window 11 的電腦
閱讀 [技術文章] 的需求建議~
google 試算表 App Scripts 問題
zimbra blocked using cblless.anti-spam.org.cn
OCS Inventory NG
M365 Outlook無法接收到 msa.hinet.net 網域信件
清掉所有cookie及暫存資料後,再次登入蝦皮還沒驗手機號前,就已偵測出我的帳號名稱!這是什麼技術?
熱門回答
作為新手想踏入MIS領域,應該讀什麼?
Windows 2008 R2 AD無法派送印表機到 Window 11 的電腦
zimbra blocked using cblless.anti-spam.org.cn
google 試算表 App Scripts 問題
Win2008R2 AD無法派送印表機到 Win11 的電腦,可以用網域內的win11電腦部屬派送至其他成員電腦嗎?
熱門文章
以Windows實作SniperPhish (28/30: 相關法規)
以Windows實作SniperPhish (30/30: 心得)
以Windows實作SniperPhish (29/30: 結論)
後記 - AI 都能寫了,為何我們還要「練鐵人」?
附錄:知識點反向索引
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}