timepicker時(shí)間選擇器

視頻及原型文件下載：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015

定義：

用于用戶具體選擇時(shí)間點(diǎn)時(shí)。

交互原則：

1、應(yīng)該有一個(gè)合適的默認(rèn)值，并不是所有的控件默認(rèn)值都是今天或當(dāng)前時(shí)間的。

2、控制可選/錄入的字段范圍，為了減少用戶出錯(cuò)，保證產(chǎn)品數(shù)據(jù)的正常顯示，日期/時(shí)間控件應(yīng)當(dāng)要控制可選的范圍。

3、清晰明確的提交或確定按鈕，我見過很多非常糟糕的日期控件，在你選擇或切換選項(xiàng)后，還需要點(diǎn)擊輸入框或者空白處，才能填入/顯示已選擇的項(xiàng)目。

4、減少點(diǎn)擊次數(shù)

5、標(biāo)識(shí)出特定日期，用戶并非總是“記憶”在選擇器中顯示或標(biāo)注例如當(dāng)天、已選默認(rèn)值、周末、節(jié)假日等特殊的日期，可以幫助用戶更好、更快地做出選擇。

6、特殊的操作按鈕，對(duì)于一些通過填入日期或時(shí)間來篩選數(shù)據(jù)的選擇器，有必要在選擇器中加上如“清空”的按鈕，允許用戶快速清除已選項(xiàng)，回到數(shù)據(jù)的初始狀態(tài)。

交互說明：

1、【默認(rèn)文案】：默認(rèn)的提示文案內(nèi)容，例如：開始時(shí)間；

2、【默認(rèn)的日期】：為了方便用戶，減少用戶輸入可以使用默認(rèn)的時(shí)間，默認(rèn)的時(shí)間盡量與當(dāng)前業(yè)務(wù)需要有關(guān)，例如：默認(rèn)顯示當(dāng)前時(shí)間后30分鐘的時(shí)間；

3、【時(shí)間樣式】：需要注明需要的日期控件的樣式和刻度，例如：小時(shí)、分鐘、秒、毫秒

使用場(chǎng)景：

1、當(dāng)用戶需要選擇具體時(shí)/分

2、點(diǎn)擊選擇框，出現(xiàn)時(shí)間選擇浮層。

例如微信公眾后臺(tái)定時(shí)群發(fā)時(shí)，可選擇具體時(shí)間發(fā)送，點(diǎn)擊出現(xiàn)下拉選項(xiàng)。