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<int> 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日"
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容