《Flutter 控件大全》第三十二个:DatePicker、TimePicker、CupertinoDatePicker、CupertinoTimerPicker

  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

DatePicker

Flutter并没有DatePicker这个控件,而是需要使用showDatePicker方法弹出日期选择控件,基本用法如下:

RaisedButton(
  onPressed: () async {
    var result = await showDatePicker(
        context: context,
        initialDate: DateTime.now(),
        firstDate: DateTime(2020),
        lastDate: DateTime(2021));
    print('$result');
  },
)

initialDate初始化时间,通常情况下设置为当前时间。

firstDate表示开始时间,不能选择此时间前面的时间。

lastDate表示结束时间,不能选择此时间之后的时间。

showDatePicker方法是Future方法,点击日期选择控件的确定按钮后,返回选择的日期。

效果如下:

你可能感兴趣的:(#,Flutter,Widgets,Flutter,DatePicker,TimePicker,CupertinoDatePi,CupertinoTimerP)