272 lines
8.7 KiB
Dart
272 lines
8.7 KiB
Dart
import 'package:calendar_date_picker2/calendar_date_picker2.dart';
|
||
import 'package:flutter/material.dart';
|
||
|
||
dynamic textValue;
|
||
dynamic constructionDataAll;
|
||
|
||
class CanlenderSelect extends StatefulWidget {
|
||
final String title;
|
||
final List constructionData;
|
||
final double height;
|
||
final void Function(String?) getSelectedValue;
|
||
const CanlenderSelect(
|
||
{super.key,
|
||
required this.title,
|
||
required this.constructionData,
|
||
required this.getSelectedValue,
|
||
required this.height});
|
||
|
||
@override
|
||
State<CanlenderSelect> createState() => _CanlenderSelectState();
|
||
}
|
||
|
||
class _CanlenderSelectState extends State<CanlenderSelect> {
|
||
//初始选中
|
||
List<DateTime?> _dialogCalendarPickerValue = [
|
||
constructionDataAll == null ? DateTime.now() : constructionDataAll[0]
|
||
];
|
||
bool _initialized = false;
|
||
//因为父页面加载的时候会执行tools这时候init就会执行，导致日期不会初始化选中，使用update配合一个flag，让第一次数据加载的时候，初始化选中
|
||
@override
|
||
void didUpdateWidget(CanlenderSelect oldWidget) {
|
||
super.didUpdateWidget(oldWidget);
|
||
if (!_initialized &&
|
||
oldWidget.constructionData != widget.constructionData) {
|
||
setState(() {
|
||
// print(widget.constructionData?.first);
|
||
if (widget.constructionData.isNotEmpty) {
|
||
_dialogCalendarPickerValue = [
|
||
DateTime.parse(widget.constructionData.first)
|
||
];
|
||
}
|
||
|
||
_initialized = true;
|
||
});
|
||
}
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final isDarkMode = Theme.of(context).brightness == Brightness.dark;
|
||
var dayTextStyle = TextStyle(
|
||
color: isDarkMode ? Colors.white : Colors.black,
|
||
fontWeight: FontWeight.w700);
|
||
final weekendTextStyle =
|
||
TextStyle(color: Colors.grey[500], fontWeight: FontWeight.w600);
|
||
final config = CalendarDatePicker2WithActionButtonsConfig(
|
||
// buttonPadding: EdgeInsets.only(left: 10,right: 10),
|
||
// cancelButtonTextStyle: TextStyle(fontSize: 8,color: Colors.purple,fontWeight: FontWeight.w700),
|
||
// okButtonTextStyle: TextStyle(fontSize: 8,color: Colors.purple,fontWeight: FontWeight.w700),
|
||
// controlsHeight: 16,
|
||
gapBetweenCalendarAndButtons: 0,
|
||
dayTextStyle: dayTextStyle,
|
||
calendarType: CalendarDatePicker2Type.single,
|
||
lastDate: DateTime.now(),
|
||
selectedDayHighlightColor: Colors.purple[800],
|
||
closeDialogOnCancelTapped: true,
|
||
firstDayOfWeek: 1,
|
||
weekdayLabelTextStyle: TextStyle(
|
||
color: isDarkMode ? Colors.white : Colors.black87,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
controlsTextStyle: TextStyle(
|
||
color: isDarkMode ? Colors.white : Colors.black,
|
||
fontSize: 15,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
centerAlignModePicker: true,
|
||
customModePickerIcon: const SizedBox(),
|
||
selectedDayTextStyle: dayTextStyle.copyWith(
|
||
color: isDarkMode ? Colors.black : Colors.white),
|
||
dayTextStylePredicate: ({required date}) {
|
||
TextStyle? textStyle;
|
||
if (date.weekday == DateTime.saturday ||
|
||
date.weekday == DateTime.sunday) {
|
||
textStyle = weekendTextStyle;
|
||
}
|
||
// if (DateUtils.isSameDay(date, DateTime(2021, 1, 25))) {
|
||
// textStyle = anniversaryTextStyle;
|
||
// }
|
||
return textStyle;
|
||
},
|
||
dayBuilder: ({
|
||
required date,
|
||
textStyle,
|
||
decoration,
|
||
isSelected,
|
||
isDisabled,
|
||
isToday,
|
||
}) {
|
||
Widget? dayWidget;
|
||
for (var i = 0; i < widget.constructionData.length; i++) {
|
||
if (date.year ==
|
||
int.parse(
|
||
widget.constructionData[i].toString().split("-")[0]) &&
|
||
date.month ==
|
||
int.parse(
|
||
widget.constructionData[i].toString().split("-")[1]) &&
|
||
date.day ==
|
||
int.parse(
|
||
widget.constructionData[i].toString().split("-")[2])) {
|
||
dayWidget = Container(
|
||
decoration: decoration,
|
||
child: Center(
|
||
child: Stack(
|
||
alignment: AlignmentDirectional.center,
|
||
children: [
|
||
Text(
|
||
MaterialLocalizations.of(context).formatDecimal(date.day),
|
||
style: textStyle,
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 27.5),
|
||
child: Container(
|
||
height: 5,
|
||
width: 5,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(5),
|
||
color: Colors.green,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
return dayWidget;
|
||
},
|
||
yearBuilder: ({
|
||
required year,
|
||
decoration,
|
||
isCurrentYear,
|
||
isDisabled,
|
||
isSelected,
|
||
textStyle,
|
||
}) {
|
||
return Center(
|
||
child: Container(
|
||
decoration: decoration,
|
||
height: 36,
|
||
width: 72,
|
||
child: Center(
|
||
child: Semantics(
|
||
selected: isSelected,
|
||
button: true,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text(
|
||
year.toString(),
|
||
style: textStyle,
|
||
),
|
||
if (isWorkedYear(year))
|
||
Container(
|
||
padding: const EdgeInsets.all(5),
|
||
margin: const EdgeInsets.only(left: 5),
|
||
decoration: const BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: Colors.green,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
);
|
||
return Padding(
|
||
padding: const EdgeInsets.all(0),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
ElevatedButton(
|
||
onPressed: () async {
|
||
if (widget.height > 410) {
|
||
final values = await showCalendarDatePicker2Dialog(
|
||
dialogBackgroundColor: isDarkMode ? Colors. black: Colors.white,
|
||
|
||
context: context,
|
||
config: config,
|
||
// dialogSize: const Size(300, 321),
|
||
dialogSize: const Size(300, 410),
|
||
borderRadius: BorderRadius.circular(15),
|
||
value: _dialogCalendarPickerValue,
|
||
);
|
||
if (values != null) {
|
||
// ignore: avoid_print
|
||
// print(_getValueText(
|
||
// config.calendarType,
|
||
// values,
|
||
// ));
|
||
setState(() {
|
||
_dialogCalendarPickerValue = values;
|
||
textValue = values;
|
||
});
|
||
widget.getSelectedValue(values[0].toString().split(" ")[0]);
|
||
}
|
||
}
|
||
},
|
||
child: Text(textValue == null
|
||
? (widget.constructionData.isEmpty)
|
||
? ""
|
||
: widget.constructionData[0]
|
||
: textValue[0].toString().split(" ")[0]),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
bool isWorkedYear(year) {
|
||
for (var i = 0; i < widget.constructionData.length; i++) {
|
||
if (int.parse(widget.constructionData[i].toString().split("-")[0]) ==
|
||
year) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
String getValueText(
|
||
CalendarDatePicker2Type datePickerType,
|
||
List<DateTime?> values,
|
||
) {
|
||
values =
|
||
values.map((e) => e != null ? DateUtils.dateOnly(e) : null).toList();
|
||
var valueText = (values.isNotEmpty ? values[0] : null)
|
||
.toString()
|
||
.replaceAll('00:00:00.000', '');
|
||
|
||
if (datePickerType == CalendarDatePicker2Type.multi) {
|
||
valueText = values.isNotEmpty
|
||
? values
|
||
.map((v) => v.toString().replaceAll('00:00:00.000', ''))
|
||
.join(', ')
|
||
: 'null';
|
||
} else if (datePickerType == CalendarDatePicker2Type.range) {
|
||
if (values.isNotEmpty) {
|
||
final startDate = values[0].toString().replaceAll('00:00:00.000', '');
|
||
final endDate = values.length > 1
|
||
? values[1].toString().replaceAll('00:00:00.000', '')
|
||
: 'null';
|
||
valueText = '$startDate to $endDate';
|
||
} else {
|
||
return 'null';
|
||
}
|
||
}
|
||
|
||
return valueText;
|
||
}
|
||
|
||
|
||
}
|