編輯導(dǎo)讀：工作中，有些系統(tǒng)會(huì)多次用到日期或者時(shí)間。如何用函數(shù)在畫面加載時(shí)，自動(dòng)獲取日期或時(shí)間？下面大家來一起看一下。

元件準(zhǔn)備：

1. 第一個(gè)文本標(biāo)簽，取名為Year；
2. 第二個(gè)文本標(biāo)簽，取名為Month；
3. 第三個(gè)文本文本標(biāo)簽，取名為Day；
4. 第四個(gè)文本標(biāo)簽，取名為Hours；
5. 第五個(gè)文本標(biāo)簽，取名為Minutes；
6. 第六個(gè)文本文本標(biāo)簽，取名為Seconds；
7. 第七個(gè)文本文本標(biāo)簽，取名為YYYY-MM-DD hh:mm:ss。

一、單獨(dú)獲取年、月、日、時(shí)、分、秒

下面先講解如何單獨(dú)獲取年、月、日、時(shí)、分、秒的方法。

1. 獲取年份

對(duì)文本標(biāo)簽：Year進(jìn)行設(shè)置。

交互：選擇“載入時(shí)”，“設(shè)置文本”目標(biāo)為“當(dāng)前”，如下圖所示：

點(diǎn)擊“fx”進(jìn)入插入或函數(shù)畫面，然后點(diǎn)擊“插入變量或函數(shù)”，選擇日期列表中的函數(shù):getFullYear()，如下圖所示：

設(shè)置后的效果如下圖所示：

2. 獲取月份

按照設(shè)置文本標(biāo)簽：Year的方法，對(duì)文本標(biāo)簽：Month進(jìn)行設(shè)置，選擇日期列表中的函數(shù):getMonth()，設(shè)置后的效果如下圖所示：

3. 獲取日

按照設(shè)置文本標(biāo)簽：Year的方法，對(duì)文本標(biāo)簽：Day進(jìn)行設(shè)置，選擇日期列表中的函數(shù):getDate()，設(shè)置后的效果如下圖所示：

4. 獲取小時(shí)

按照設(shè)置文本標(biāo)簽：Year的方法，對(duì)文本標(biāo)簽：Hours進(jìn)行設(shè)置，選擇日期列表中的函數(shù):getHours()，設(shè)置后的效果如下圖所示：

5. 獲取分鐘

按照設(shè)置文本標(biāo)簽：Year的方法，對(duì)文本標(biāo)簽：Minutes進(jìn)行設(shè)置，選擇日期列表中的函數(shù):getMinutes()，設(shè)置后的效果如下圖所示：

6. 獲取秒

按照設(shè)置文本標(biāo)簽：Year的方法，對(duì)文本標(biāo)簽：Seconds進(jìn)行設(shè)置，選擇日期列表中的函數(shù):getSeconds()，設(shè)置后的效果如下圖所示：

7. 效果展示

效果如下圖所示：

二、日期時(shí)間顯示

結(jié)合以上方法，對(duì)文本文本標(biāo)簽,取名為YYYY-MM-DD hh:mm:ss。顯示格式為：YYYY-MM-DD hh:mm:ss。選擇函數(shù)畫面如下圖所示：

注意：

1. 畫面中，年，月，日，中間是用符號(hào)“-”隔開的，也可以用“/”或“.”；
2. 畫面中，時(shí)，分，秒中間是用符號(hào)“：”隔開的；
3. 日與時(shí)中間有空格。

最終顯示效果如下圖所示：

三、函數(shù)總結(jié)

年，月，日，時(shí)，分，秒對(duì)應(yīng)的函數(shù)如下表格內(nèi)容所示：

本文由 @龍角星宿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議