Flutter 日期时间滚轮选择器

1、在pubspec.yaml中引入第三方组件:
flutter_cupertino_datetime_picker: ^3.0.0

2、代码

onTap: () {
     DatePicker.showDatePicker(context,
     dateFormat: "yyyy年 MM月 dd日 HH时 mm分",  //通过空格设置滚轮数量
     pickerTheme: DateTimePickerTheme(      //样式设置,可以设置确认按钮、取消按钮、标题等
        confirm: Text("确认", style: TextStyle(fontSize: 14, color: MyColor.C58))
        ),
        onConfirm: (DateTime dateTime, List selectedIndex) {
          // 确认按钮回调,获取选择结果 dateTime
       });
 }

3、效果展示:


image.png

更改dateFormat可以修改选择器内容:

dateFormat: "yyyy单位1 MM单位2 dd单位3 HH单位4 mm单位5"
dateFormat: "yyyy年 MM月 dd日"
dateFormat: "HH时 mm分"
dateFormat: "MM月 dd日"

你可能感兴趣的:(Flutter 日期时间滚轮选择器)