close

flutter_datetime_picker 1.5.1

如果是之前的專案版本要用1.5.1

新版的需要Plus 2.0.1

flutter_datetime_picker_plus 2.0.1

寫成小工具

import 'package:flutter/material.dart';
import 'package:flutter_datetime_picker_plus/flutter_datetime_picker_plus.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:intl/intl.dart';
 
class DatetimeScreen extends StatefulWidget {
  final Function(String) selectionDatetime;
  const DatetimeScreen({
    Key? key,
    required this.selectionDatetime,
  }) : super(key: key);
 
  @override
  State<DatetimeScreen> createState() => _DatetimeScreenState();
}
 
class _DatetimeScreenState extends State<DatetimeScreen> {
  String dateTime = "選擇";
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            DatePicker.showDatePicker(context, showTitleActions: true,
                onConfirm: (date) {
              setState(() {
                dateTime = DateFormat("yyyy-MM-dd").format(date);
                widget.selectionDatetime(DateFormat("yyyy-MM-dd").format(date));
              });
            }, currentTime: DateTime.now(), locale: LocaleType.zh);
          },
          child: Text(dateTime,
              style: TextStyle(fontSize: ScreenUtil().setSp(25))),
        ),
      ),
    );
  }
}

引用的方式

  Container(
                  padding: const EdgeInsets.all(1),
                  width: ScreenUtil().setWidth(220),
                  height: ScreenUtil().setHeight(100),
                  child: DatetimeScreen(
                    selectionDatetime: (selectionDatetime) {
                      startingtime = selectionDatetime;
                    },
                  ),
                ),

 

startingtime 取的 使用者選擇的時間

 

image

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 萌新-工程師 的頭像
    萌新-工程師

    工程師的雜記

    萌新-工程師 發表在 痞客邦 留言(0) 人氣()