1弊仪、在pubspec.yaml中引入第三方組件:
flutter_cupertino_datetime_picker: ^3.0.0
2熙卡、代碼
onTap: () {
DatePicker.showDatePicker(context,
dateFormat: "yyyy年 MM月 dd日 HH時 mm分", //通過空格設(shè)置滾輪數(shù)量
pickerTheme: DateTimePickerTheme( //樣式設(shè)置,可以設(shè)置確認(rèn)按鈕励饵、取消按鈕驳癌、標(biāo)題等
confirm: Text("確認(rèn)", style: TextStyle(fontSize: 14, color: MyColor.C58))
),
onConfirm: (DateTime dateTime, List<int> selectedIndex) {
// 確認(rèn)按鈕回調(diào),獲取選擇結(jié)果 dateTime
});
}
3役听、效果展示:
image.png
更改dateFormat可以修改選擇器內(nèi)容:
dateFormat: "yyyy單位1 MM單位2 dd單位3 HH單位4 mm單位5"
dateFormat: "yyyy年 MM月 dd日"
dateFormat: "HH時 mm分"
dateFormat: "MM月 dd日"