如何使用flutter日期时间选择器

本篇文章给大家分享的是有关如何使用flutter日期时间选择器,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联公司专业为企业提供绿园网站建设、绿园做网站、绿园网站设计、绿园网站制作等企业网站建设、网页设计与制作、绿园企业网站模板建站服务,10余年绿园做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

1 日期选择器

如何使用flutter日期时间选择器

 //设置默认显示的日期为当前
 DateTime initialDate = DateTime.now();
 
 void showDefaultYearPicker(BuildContext context) async {
  final DateTime dateTime = await showDatePicker(
   context: context,
   //定义控件打开时默认选择日期
   initialDate: initialDate,
   //定义控件最早可以选择的日期
   firstDate: DateTime(2018, 1),
   //定义控件最晚可以选择的日期
   lastDate: DateTime(2022, 1),
   builder: (BuildContext context, Widget child) {
    return Theme(
     data: CommonColors.themData,
     child: child,
    );
   },
  );
  if (dateTime != null && dateTime != initialDate) {}
 }

2 时间选择器

如何使用flutter日期时间选择器

 //设置显示显示的时间为当前
 TimeOfDay initialTime = TimeOfDay.now();
 void showDefaultDatePicker(BuildContext context) async {
  final TimeOfDay timeOfDay = await showTimePicker(
   context: context,
   initialTime: initialTime,
   builder: (BuildContext context, Widget child) {
    return Theme(
     data: CommonColors.themData,
     child: child,
    );
   },
  );
  if (timeOfDay != null && timeOfDay != initialTime) {
   setState(() {
    initialTime = timeOfDay;
   });
  }
 }

以上就是如何使用flutter日期时间选择器,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


网页名称:如何使用flutter日期时间选择器
网站网址:http://abwzjs.com/article/gohsss.html