/*
一、Flutter日期和时间戳
日期转换成时间戳
var now=newDateTime.now();
print(now.millisecondsSinceEpoch); //单位毫秒,13位时间戳。
时间戳转换成日期:
var now=new DateTime.now();
var a=now.millisecondsSinceEpoch;//时间戳
print(DateTime.fromMillisecondsSinceEpoch(a));
二、Flutter第三方库date_format的使用:
https://pub.dev/packages/date_format
三、调用flutter自带日期组件和时间组:
*/
pubspec.yaml
  1. flutter_localizations:
  2. sdk: flutter

main.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:flutter_demo/pages/Search.dart';
  3. import 'routes/Routes.dart';
  4. import 'package:flutter_localizations/flutter_localizations.dart';
  5.  
  6. void main() {
  7. runApp(MyApp());
  8. }
  9.  
  10. class MyApp extends StatelessWidget {
  11. @override
  12. Widget build(BuildContext context) {
  13. // TODO: implement build
  14. return MaterialApp(
  15. localizationsDelegates: [
  16. GlobalMaterialLocalizations.delegate,
  17. GlobalWidgetsLocalizations.delegate
  18. ],
  19. supportedLocales: [
  20. const Locale('zh','CH'),
  21. const Locale('en','US')
  22. ],
  23. debugShowCheckedModeBanner: false, //去掉debug图标:
  24. initialRoute: '/',
  25. onGenerateRoute: onGenerateRoute);
  26. }
  27. }

DatePicker.dart

  1. import 'package:flutter/material.dart';
  2. import 'package:date_format/date_format.dart';
  3.  
  4. class DatePickerDemo extends StatefulWidget {
  5. DatePickerDemo({Key key}) : super(key: key);
  6. _DatePickerDemoState createState() => _DatePickerDemoState();
  7. }
  8.  
  9. class _DatePickerDemoState extends State<DatePickerDemo> {
  10. var now = DateTime.now();
  11. DateTime _nowDate = DateTime.now();
  12. var _nowTime=TimeOfDay(hour: ,minute: );
  13. // String time;
  14. _showDatePicker() async {
  15. // showDatePicker(
  16. // context: context,
  17. // initialDate: _nowDate,
  18. // firstDate: DateTime(1980),
  19. // lastDate: DateTime(2100)
  20. // ).then((result){
  21. // print(result);
  22. // });
  23.  
  24. var result = await showDatePicker(
  25. context: context,
  26. initialDate: _nowDate,
  27. firstDate: DateTime(),
  28. lastDate: DateTime(),
  29. locale: Locale('zh')
  30. );
  31.  
  32. print(result);
  33. setState(() {
  34. this._nowDate = result;
  35. });
  36. }
  37.  
  38. _showTimePicker() async{
  39. var result=await showTimePicker(
  40. context: context,
  41. initialTime:_nowTime
  42. );
  43. setState(() {
  44. this._nowTime=result;
  45. });
  46. }
  47. @override
  48. void initState() {
  49. // TODO: implement initState
  50. super.initState();
  51. // print(778899);
  52. // //
  53. // print(now.millisecondsSinceEpoch); //1568786998995
  54. // print(DateTime.fromMillisecondsSinceEpoch(1568786998995)); //2019-09-18 14:09:58.995
  55.  
  56. // print(formatDate(DateTime.now(),[yyyy,'年',mm,'月',dd]));
  57. }
  58.  
  59. @override
  60. Widget build(BuildContext context) {
  61. return Scaffold(
  62. appBar: AppBar(title: Text('DatePicker')),
  63. body: Column(
  64. mainAxisAlignment: MainAxisAlignment.center,
  65. children: <Widget>[
  66. Row(
  67. children: <Widget>[
  68. InkWell(
  69. child: Row(
  70. mainAxisAlignment: MainAxisAlignment.center,
  71. children: <Widget>[
  72. Text("${formatDate(_nowDate, [
  73. yyyy,
  74. '年',
  75. mm,
  76. '月',
  77. dd,
  78. '日'
  79. ])}"),
  80. Icon(Icons.arrow_drop_down)
  81. ],
  82. ),
  83. onTap: _showDatePicker,
  84. ),
  85. InkWell(
  86. child: Row(
  87. mainAxisAlignment: MainAxisAlignment.center,
  88. children: <Widget>[
  89. Text("${_nowTime.format(context)}"),
  90. Icon(Icons.arrow_drop_down)
  91. ],
  92. ),
  93. onTap: _showTimePicker,
  94. )
  95. ],
  96. )
  97. ],
  98. ));
  99. }
  100. }

26Flutter 日期 和时间戳/格式化日期库/flutter异步/ 官方自带日期组件showDatePicker、时间组件showTimePicker以及国际化的更多相关文章

  1. yii2超好用的日期组件和时间组件

    作者:白狼 出处:http://www.manks.top/yii2_datetimepicker.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接 ...

  2. InkWell容器 和 官方自带日期组件 和第三方 日期格式转换组件

    带点击事件的容器 InkWell( child: Text('时间'), onTap: _showTimePicker,),   Flutter 日期和时间戳 日期转化成时间戳: var now = ...

  3. VUE:过滤器及日期格式化moment库

    VUE:过滤器及日期格式化moment库 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...

  4. Python 日期和时间戳的转换

    Python 日期和时间戳的转换 1. Python中处理时间的模块 Python中处理时间的模块有time.datetime和calendar. 在Python中表示时间的方式: 时间戳:10位整数 ...

  5. MySQL日期 字符串 时间戳互转

    平时比较常用的时间.字符串.时间戳之间的互相转换,虽然常用但是几乎每次使用时候都喜欢去搜索一下用法:本文将作为一个笔记,整理一下三者之间的 转换(即:date转字符串.date转时间戳.字符串转dat ...

  6. php日期转时间戳,指定日期转换成时间戳

    写过PHP+MySQL的程序员都知道有时间差,UNIX时间戳和格式化日期是我们常打交道的两个时间表示形式,Unix时间戳存储.处理方便,但 是不直观,格式化日期直观,但是处理起来不如Unix时间戳那么 ...

  7. [应用篇]第五篇 JSTL之fmt标签日期和数字格式化

    fmt标签个人用的比较少,但是我还是在这里简单的留一下笔记,也是算是学习了一下!这样方便你们课设的时候能用的上,要学会进步的学习,不要停留! 引入该标签库的方法为: <%@ taglib pre ...

  8. [转]MySQL日期与时间戳常用函数

    本文原文地址:https://www.cnblogs.com/jhy-ocean/p/5560857.html 平时比较常用的时间.字符串.时间戳之间的互相转换,虽然常用但是几乎每次使用时候都喜欢去搜 ...

  9. Vue.js----date与时间戳的转换(unixTime)Moment.js让日期处理变得更简单

    当前日期格式化 let curTime = moment().format('YYYY-MM-DD HH:mm:ss') console.log('当前日期时间curTime:' + curTime) ...

随机推荐

  1. 转载: Redis面试常问的问题

    https://www.cnblogs.com/javazhiyin/p/9842571.html 近,阿音在为接下来的一场面试做准备,其中的内容包括redis,而且redis是重点内容. Redis ...

  2. 基本排序-冒泡/选择/插入(python)

    # -*- coding: utf-8 -*- import random def bubble_sort(seq): n = len(seq) for i in range(n-1): print( ...

  3. 4.Python 进制和位运算

    .button, #logout { color: #333; background-color: #fff; border-color: #ccc; } span#login_widget > ...

  4. CGI FastCGI php-FPM 分别是什么

    1.CGI协议用于php解析器跟webserver之间的通信(效率低,浪费资源) 2.FastCGI 可以一次性处理多个进程,是CGI的改良版本 3.php-FPM 是FastCGI 的进程管理器(产 ...

  5. springcloud系列

    1.使用Spring Cloud搭建服务注册中心2.使用Spring Cloud搭建高可用服务注册中心3.Spring Cloud中服务的发现与消费4.Eureka中的核心概念5.什么是客户端负载均衡 ...

  6. Spring第二次案例和AOP

    Spring加上AOP com.mapper.entity.UserInfo package com.Spring.entity; public class UserInfo { private In ...

  7. 入门指引之查看accesstoken

    1. 测试工具查看 https://mp.weixin.qq.com/debug/ 2. 代码获取: # -*- coding: utf-8 -*- # filename: basic.py impo ...

  8. 二十.Nginx反向代理、Nginx的TCP/UDP调度器、Nginx常见问题处理

    proxy client web1 web2 1.nginx反向代理   使用Nginx实现Web反向代理功能,实现如下功能:   后端Web服务器两台(web1 192.168.2.100 web2 ...

  9. 【.Net设计模式系列】工作单元(Unit Of Work)模式 ( 二 )

    回顾 在上一篇博客[.Net设计模式系列]仓储(Repository)模式 ( 一 ) 中,通过各位兄台的评论中,可以看出在设计上还有很多的问题,在这里特别感谢 @横竖都溢 @ 浮云飞梦 2位兄台对博 ...

  10. web+文件夹上传

    一. 大文件上传基础描述: 各种WEB框架中,对于浏览器上传文件的请求,都有自己的处理对象负责对Http MultiPart协议内容进行解析,并供开发人员调用请求的表单内容. 比如: Spring 框 ...