其實(shí)dart的語(yǔ)法，加上flutter的英文文檔，讓有只有js開發(fā)基礎(chǔ)的小伙伴來(lái)說(shuō)，還是比較容易懵逼的。所以在這個(gè)系列中，我會(huì)盡量的分享一些常用控件的小demo出來(lái)，大家一起進(jìn)步。

今天要說(shuō)的就是常用的時(shí)間（日期）控件 - DatePicker

先放出官方文檔：傳送門

官方實(shí)例

說(shuō)實(shí)話，剛看到我也有一句xxx不知當(dāng)講不當(dāng)講。。

那我們就接著上一篇的內(nèi)容，把這個(gè)時(shí)間控件寫到一個(gè)tab中（注：上一篇的傳送門）。

1. 首先我們來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的功能，就是點(diǎn)擊按鈕，顯示當(dāng)前的時(shí)間。

來(lái)直接看代碼：

demo1

這樣我們每次點(diǎn)擊按鈕，結(jié)果中都顯示的是當(dāng)前的時(shí)間，接下來(lái)我們來(lái)加入datePicker控件

首先我們參照官方文檔，得到以下的東東

1.? Future 類

????Future<DateTime> 實(shí)例（Future 實(shí)例會(huì)在計(jì)算結(jié)束后返回結(jié)果），返回的是一個(gè)DateTime對(duì)象

2. 必需項(xiàng) ：

????context（上下文），?

????initialDate（初始日期）--- 定義控件打開時(shí)默認(rèn)選擇日期?

????firstDate（最初日期）??--- 定義控件最早可以選擇的日期

????lastDate（最晚日期）--- 定義控件最晚可以選擇的日期

來(lái)直接看代碼:

控件代碼

因?yàn)閟howDatePicker返回的是一個(gè)DateTime對(duì)象，那我們就直接定義一個(gè)DateTime的對(duì)象：_picked 來(lái)獲取showDatePicker返回的值，然后在function中用setState方法給_dateTime賦值。 這樣一個(gè)datepicker控件就搞定了，還算簡(jiǎn)單吧。

那舉一反三，一個(gè)時(shí)間控件也就是輕松+愉快了

時(shí)間控件

那今天就到此為止咯

flutter 中文社區(qū)（官方QQ群：338252156）