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

今天要說的就是常用的時間（日期）控件 - DatePicker

先放出官方文檔：傳送門

官方實例

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

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

1. 首先我們來實現(xiàn)一個簡單的功能，就是點擊按鈕，顯示當(dāng)前的時間。

來直接看代碼：

demo1

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

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

1.? Future 類

????Future<DateTime> 實例（Future 實例會在計算結(jié)束后返回結(jié)果），返回的是一個DateTime對象

2. 必需項 ：

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

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

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

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

來直接看代碼:

控件代碼

因為showDatePicker返回的是一個DateTime對象，那我們就直接定義一個DateTime的對象：_picked 來獲取showDatePicker返回的值，然后在function中用setState方法給_dateTime賦值。 這樣一個datepicker控件就搞定了，還算簡單吧。

那舉一反三，一個時間控件也就是輕松+愉快了

時間控件

那今天就到此為止咯

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