Flutter 日历

（一）效果

默认是英文日期

（二）代码实现
没有下依赖的记得参照时间戳那篇博客

以下代码复制进main.dart文件即可运行

import 'package:flutter/material.dart';void main() => runApp(MyApp());
class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(debugShowCheckedModeBanner: false,home: DatePickerDemo()//入口函数);}
}class DatePickerDemo extends StatefulWidget {DatePickerDemo({Key key}) : super(key: key);@override_DatePickerDemoState createState() => _DatePickerDemoState();
}class _DatePickerDemoState extends State<DatePickerDemo> {DateTime _nowDate = DateTime.now();_showDatePicker() {showDatePicker(context: context, //上下文对象initialDate: _nowDate, //初始化显示的日期firstDate: DateTime(2019),lastDate: DateTime(2021),);}@overridevoid initState() {//TODO: implement initStatesuper.initState();//var now = DateTime.now();//print(now);//打印当前时间 2020-12-29 06:21:34.729165//print(now.millisecondsSinceEpoch);//时间戳  1609222955510//print(DateTime.fromMicrosecondsSinceEpoch(1608623002151));//时间戳转换成时间 1970-01-19 14:50:23.002151// print(formatDate(DateTime(2020, 12, 29), [yyyy, '年', mm, '月', dd]));//打印时间 格式}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("datepicker"),),body: Column(mainAxisAlignment: MainAxisAlignment.center,children: [InkWell(//相当于button，实质是带水波纹效果的点击child: Row(mainAxisAlignment: MainAxisAlignment.center,children: [Text("2020-12-29"),Icon(Icons.arrow_drop_down),],),onTap: () {_showDatePicker();print("打开日期组件");},)],));}
}

Flutter 日历相关推荐

Flutter 日历组件如何支持中文（国际化）
Flutter 日历组件如何支持中文(国际化) 在 App 开发中,我们通常需要用到国际化的支持. Flutter 在默认情况下就是支持国际化,但是在没有进行特别的设置之前,它们无论在什么环境都是以英 ...
flutter 日历_Flutter：一个更贴近真实项目的练习
最近 Flutter 火的一塌糊涂,所以今天给大家推荐一个 Flutter 的练习项目.非常的适合入门级学习 Flutter 的开发者. 为什么这么说呢?因为它包含了完整 UI 设计图,更贴近真实项目 ...
Flutter日历，可以自定义风格UI，含小米、腾讯、阿里
//支持自定义绘制 DayWidgetBuilder dayWidgetBuilder; //创建日历item WeekBarItemWidgetBuilder weekBarItemWidgetBu ...
探索 Android 平台的 CameraX
这篇文章发布于 joebirch.co https://joebirch.co/2019/05/15/exploring-camerax-on-android-camera-view/ 如果你曾经用过 ...
根据基因名称批量提取基因序列
实验中经常需要从基因组中提取.序列用于设计引物,或者进行基因功能研究等,之前看到别人使用的一个脚本,自己拿来用一下,感觉确实很方便在网站 http://hgdownload.cse.ucsc.edu ...
android仿钉钉日程日历,Flutter仿钉钉考勤日历的示例代码
本文主要介绍了Flutter仿钉钉考勤日历的示例代码,分享给大家,具体如下: 效果原型开发 1. 使用 // 考勤日历 DatePickerDialog( initialDate: DateTim ...
android 钉钉考勤日历,Flutter仿钉钉考勤日历
作用原型开发运用 // 考勤日历 DatePickerDialog( initialDate: DateTime.now(), firstDate: DateTime(2020), lastDa ...
android日历信息获取错误,flutter对android的日历数据相关操作
系统日历三个不同URL的作用每个url通过contentProvider能获得对应数据库的访问句柄,所以可以理解三个url对应三个数据库,如果通过一个事件关联3个库呢,下面会详细介绍. 数据库介绍 ...
Flutter实现一个酷炫带动画的列表型多选日历组件
由于项目需要,用Flutter重构了之前用Android做过的日历组件,整体效果感觉不错,流畅度甚至超过原来的,这里需要提一下官网的做法,如下: var date = DateTime.now();r ...

Flutter 日历

Flutter 日历相关推荐

最新文章

热门文章