zoukankan      html  css  js  c++  java
  • 27flutter日期 时间组件flutter_cupertino_date_picker的使用

    pubspec.yaml

    flutter_cupertino_date_picker: ^1.0.12

    DatePicker.dart

    import 'package:date_format/date_format.dart';
    import 'package:flutter/material.dart';
    import 'package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart';
    class DatePickerPubDemo extends StatefulWidget {
      DatePickerPubDemo({Key key}) : super(key: key);
      _DatePickerPubDemoState createState() => _DatePickerPubDemoState();
    }
    
    class _DatePickerPubDemoState extends State<DatePickerPubDemo> {
      DateTime _dateTime=DateTime.now();
      _showDatePicker(){
        DatePicker.showDatePicker(
          context,
          pickerTheme: DateTimePickerTheme(
            showTitle: true,
            confirm: Text('确定',style:TextStyle(color:Colors.red)),
            cancel: Text('取消',style: TextStyle(color: Colors.cyan)),
          ),
          minDateTime: DateTime.parse("1980-05-21"),
          maxDateTime: DateTime.parse("2019-05-21"),
          initialDateTime: _dateTime,
          // dateFormat: "yyyy-MMMM-dd", //只包含年、月、日
          dateFormat: 'yyyy年M月d日  EEE,H时:m分',
          pickerMode: DateTimePickerMode.datetime,
          locale: DateTimePickerLocale.zh_cn,
          onCancel: (){
            debugPrint("onCancel");
          },
          onConfirm: (dateTime,List<int> index){
            setState(() {
              _dateTime=dateTime;
            });
          }
        );
      }
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('日期选中'),
          ),
          body: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  InkWell(
                    child: Row(
                      children: <Widget>[
                        // Text("${formatDate(_dateTime,[yyyy,'年',mm,'月',dd])}"), //只获取年月日
                        Text("${formatDate(_dateTime,[yyyy,'年',mm,'月',dd,' ',HH,':',nn])}"),
                        Icon(Icons.arrow_drop_down)
                      ],
                    ),
                    onTap:_showDatePicker,
                  )
                ],
              )
            ],
          ),
        );
      }
    }
  • 相关阅读:
    如何把阿里图标库的图标生成代码并应用于自己的项目
    【记事件】
    极光推送,为什么IOS有的手机一直收不到推送。
    浮点型的数据对比。
    MySQL通过show processlist查看项目的mysql写的有问题
    thinkPHP5实现简单的多图上传
    mac终端运行/终止jar包
    referer参数和addslashes()函数的骚路子
    小技巧|addslashes绕过
    团队博客七
  • 原文地址:https://www.cnblogs.com/yiweiyihang/p/11549204.html
Copyright © 2011-2022 走看看