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 取的 使用者選擇的時間
全站熱搜