如何使用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日期时间选择器
URL分享:http://hxwzsj.com/article/gohsss.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站建设 成都网站设计公司 企业网站制作 网站建设改版 企业网站建设公司 成都商城网站制作 成都企业网站制作 手机网站建设套餐 重庆电商网站建设 成都商城网站建设 网站制作报价 成都网站建设 成都网站建设 重庆企业网站建设 高端网站设计 成都网站建设 网站建设公司 成都网站制作 成都网站制作 网站建设费用 成都企业网站设计 成都网站制作