Flutter calendar

(1) Effect The
Insert picture description here
default is English date

(2) Code implementation
. Remember to refer to the timestamp blog if there is no dependency

Copy the following code into the main.dart file to run

import 'package:flutter/material.dart';

void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget 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),
    );
  }

  @override
  void initState() {
    //TODO: implement initState
    super.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]));//打印时间 格式
  }

  @override
  Widget 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("打开日期组件");
              },
            )
          ],
        ));
  }
}

Guess you like

Origin blog.csdn.net/weixin_45425105/article/details/111914147