12 Flutter UI 之日期相关

Leonardo_Fibonacci

已于 2023-02-19 14:05:52 修改

阅读量259

点赞数

分类专栏： Flutter UI 文章标签： flutter Powered by 金山文档

于 2023-02-19 12:01:45 首次发布

本文链接：https://blog.csdn.net/github_36850997/article/details/129107434

版权

Flutter UI 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

一日期获取与转换

可以使用第三方库进行格式转换 https://pub.dev/packages/date_format/example

 var now = DateTime.now();
    // 打印结果 2023-02-19 08:43:41.258019
    print(now);
    // 打印时间戳 1676767470599
    print(now.millisecondsSinceEpoch);
    // 将时间戳转换为时间
    print(DateTime.fromMillisecondsSinceEpoch(1676767470599));
    // 利用第三方日期的格式转换  date_format
    print(formatDate(DateTime.now(), [yyyy, '年', mm, '月', dd, '日']));

二系统的日期组件

import 'package:flutter/material.dart';
import 'package:date_format/date_format.dart';

class DatePickerPage extends StatefulWidget {
  const DatePickerPage({super.key});

  @override
  State<DatePickerPage> createState() => _DatePickerPageState();
}

class _DatePickerPageState extends State<DatePickerPage> {
  var _datetime = DateTime.now();
  var _time = TimeOfDay(hour: 11, minute: 31);
  // 日期组件
  _showDatePicker() async {
    var date = await showDatePicker(
        context: context,
        initialDate: _datetime,
        firstDate: DateTime(2020),
        lastDate: DateTime(2025));
    if (date == null) return;
    setState(() {
      _datetime = date;
    });
  }

  // 时间组件
  _showTimePicker() async {
    var time = await showTimePicker(context: context, initialTime: _time);
    if (time == null) return;
    print(time);
    setState(() {
      this._time = time;
    });
  }

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("DatePicker")),
      body: Center(
          child: InkWell(
        onTap: () {
          // 选择日期组件
          _showDatePicker();
          // _showTimePicker();
        },
        child: Row(
          children: [
            Text(formatDate(_datetime, [yyyy, '年', mm, '月', dd, '日'])),
            Icon(Icons.arrow_drop_down),
          ],
        ),
      )),
    );
  }
}