115 lines
3.6 KiB
Dart
115 lines
3.6 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:sk_base_mobile/app_theme.dart';
|
||
import 'package:sk_base_mobile/util/screen_adaper_util.dart';
|
||
import 'package:sk_datetime_picker/sk_datetime_picker.dart';
|
||
|
||
class SkDateTimePicker extends StatelessWidget {
|
||
final TextEditingController textController;
|
||
final VoidCallback? onClear;
|
||
final Function(DateTime?)? onSelected;
|
||
final bool isRequired;
|
||
final String labelText;
|
||
final DateTime? initialDate;
|
||
const SkDateTimePicker({
|
||
super.key,
|
||
this.onClear,
|
||
this.onSelected,
|
||
this.initialDate,
|
||
this.labelText = '日期',
|
||
this.isRequired = false,
|
||
required this.textController,
|
||
});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return TextFormField(
|
||
controller: textController,
|
||
onTapOutside: (event) {
|
||
FocusScope.of(context).unfocus();
|
||
},
|
||
decoration: InputDecoration(
|
||
floatingLabelBehavior: FloatingLabelBehavior.always,
|
||
prefixIcon: Icon(
|
||
Icons.date_range_outlined,
|
||
size: ScreenAdaper.height(40),
|
||
),
|
||
suffixIcon: textController.text.isNotEmpty
|
||
? IconButton(
|
||
icon: const Icon(Icons.clear),
|
||
// 当点击这个按钮时，清除TextFormField的值
|
||
onPressed: () {
|
||
textController.clear();
|
||
if (onClear != null) {
|
||
onClear!();
|
||
}
|
||
},
|
||
)
|
||
: const SizedBox(),
|
||
hintText: '请选择',
|
||
label: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (isRequired)
|
||
Text(
|
||
"*",
|
||
style: TextStyle(
|
||
color: Colors.red, fontSize: ScreenAdaper.height(30)),
|
||
),
|
||
Text(
|
||
labelText,
|
||
style: TextStyle(fontSize: ScreenAdaper.height(30)),
|
||
),
|
||
])),
|
||
keyboardType: TextInputType.none,
|
||
onTap: () async {
|
||
DateTime? dateTime = await showSkDateTimePicker(
|
||
theme: theme,
|
||
is24HourMode: true,
|
||
title: Container(
|
||
padding: EdgeInsets.symmetric(vertical: ScreenAdaper.height(10)),
|
||
child: Text(
|
||
'选择日期时间',
|
||
style: TextStyle(fontSize: ScreenAdaper.height(30)),
|
||
),
|
||
),
|
||
context: context,
|
||
initialDate: initialDate ?? DateTime.now(),
|
||
firstDate: DateTime(1600).subtract(const Duration(days: 3652)),
|
||
lastDate: DateTime.now().add(
|
||
const Duration(days: 3652),
|
||
),
|
||
isForce2Digits: true,
|
||
isShowSeconds: false,
|
||
minutesInterval: 1,
|
||
secondsInterval: 1,
|
||
borderRadius: const BorderRadius.all(Radius.circular(16)),
|
||
constraints: const BoxConstraints(
|
||
maxWidth: 350,
|
||
maxHeight: 650,
|
||
),
|
||
transitionBuilder: (context, anim1, anim2, child) {
|
||
return FadeTransition(
|
||
opacity: anim1.drive(
|
||
Tween(
|
||
begin: 0,
|
||
end: 1,
|
||
),
|
||
),
|
||
child: child,
|
||
);
|
||
},
|
||
transitionDuration: const Duration(milliseconds: 200),
|
||
barrierDismissible: true,
|
||
selectableDayPredicate: (dateTime) {
|
||
return true;
|
||
},
|
||
);
|
||
if (onSelected != null) {
|
||
onSelected!(dateTime);
|
||
}
|
||
},
|
||
);
|
||
}
|
||
}
|