Flutter日期时间选择器插件samore_weekenddatetime_picker的使用

这是一个用于在排除周末（周六和周日）的情况下选择日期和时间的Flutter插件。该插件确保用户只能选择工作日，并且不能选择过去的日期。

特性

• 自动跳过周末的日期选择器。
• 集成了时间选择器。
• 可定制且易于集成到你的Flutter项目中。

开始使用

将 samore_weekenddatetime_picker 添加到你的 pubspec.yaml 文件中：

dependencies:
  flutter:
    sdk: flutter
  samore_weekenddatetime_picker: ^1.0.0

然后运行：

flutter pub get

使用方法

以下是如何在你的Flutter应用中使用 samore_weekenddatetime_picker 包的方法。

步骤1：添加依赖

首先，在你的 pubspec.yaml 文件中添加 samore_weekenddatetime_picker 作为依赖项。

步骤2：导入包

在你的Dart文件中导入包：

import 'package:samore_weekenddatetime_picker/samore_weekenddatetime_picker.dart';

步骤3：使用DateTimePickerExample小部件

你可以将 DateTimePickerExample 小部件集成到你的Flutter应用中，以便允许用户选择一个日期和时间（排除周末）。

自定义选择器

DateTimePickerExample 小部件允许你：

• 选择日期：日期选择器排除了周六和周日，确保用户选择有效的工作日。
• 选择时间：时间选择器允许用户选择具体的时间。
• 显示所选日期和时间：所选值以用户友好的格式显示（例如，dd/MM/yyyy hh:mm a）。

完整示例代码

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:samore_weekenddatetime_picker/samore_weekenddatetime_picker.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'samore_weekenddatetime_picker Example',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('DateTime Picker Example'),
        ),
        body: const DateTimePickerExample(),
      ),
    );
  }
}

class DateTimePickerExample extends StatefulWidget {
  const DateTimePickerExample({super.key});

  [@override](/user/override)
  _DateTimePickerExampleState createState() => _DateTimePickerExampleState();
}

class _DateTimePickerExampleState extends State<DateTimePickerExample> {
  DateTime? selectedDateTime;
  TimeOfDay? selectedTime;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Center(
      child: ElevatedButton(
        onPressed: () async {
          final DateTime? pickedDateTime = await showDialog(
            context: context,
            builder: (BuildContext context) {
              DateTime currentDate = DateTime.now();
              while (!selectableDayPredicate(currentDate)) {
                currentDate = currentDate.add(const Duration(days: 1));
              }
              return StatefulBuilder(
                builder: (context, setState) {
                  return AlertDialog(
                    title: const Text("Select Date and Time"),
                    content: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        // 日期选择器
                        SizedBox(
                          width: 500,
                          child: CalendarDatePicker(
                            initialDate: currentDate,
                            firstDate: DateTime.now().subtract(const Duration(days: 365)),
                            lastDate: DateTime.now().add(const Duration(days: 365)),
                            selectableDayPredicate: selectableDayPredicate,
                            onDateChanged: (DateTime newDate) {
                              setState(() {
                                currentDate = newDate;
                              });
                            },
                          ),
                        ),
                        // 时间选择器
                        SizedBox(
                          width: 500,
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              TextButton(
                                onPressed: () async {
                                  final TimeOfDay? pickedTime = await showTimePicker(
                                    context: context,
                                    initialTime: selectedTime ?? TimeOfDay.now(),
                                  );
                                  if (pickedTime != null) {
                                    setState(() {
                                      selectedTime = pickedTime;
                                    });
                                  }
                                },
                                child: const Text(
                                  'Select Time',
                                  style: TextStyle(color: Colors.blue),
                                ),
                              ),
                              Text(
                                selectedTime != null
                                    ? '${selectedTime!.hour}:${selectedTime!.minute} ${selectedTime!.period == DayPeriod.am ? 'AM' : 'PM'}'
                                    : DateFormat('hh:mm a').format(currentDate),
                                style: const TextStyle(fontSize: 16),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                    actions: [
                      TextButton(
                        onPressed: () {
                          Navigator.of(context).pop();
                        },
                        child: const Text('Cancel'),
                      ),
                      TextButton(
                        onPressed: () {
                          if (selectedTime != null) {
                            currentDate = DateTime(
                              currentDate.year,
                              currentDate.month,
                              currentDate.day,
                              selectedTime!.hour,
                              selectedTime!.minute,
                            );
                          }
                          Navigator.of(context).pop(currentDate);
                        },
                        child: const Text('OK'),
                      ),
                    ],
                  );
                },
              );
            },
          );
          if (pickedDateTime != null) {
            setState(() {
              selectedDateTime = pickedDateTime;
            });
          }
        },
        child: Text(selectedDateTime != null
            ? DateFormat('dd/MM/yyyy hh:mm a').format(selectedDateTime!)
            : 'Select Date and Time'),
      ),
    );
  }

  bool selectableDayPredicate(DateTime day) {
    // 防止选择周六、周日以及早于当前日期的日期
    return day.weekday != DateTime.saturday && 
           day.weekday != DateTime.sunday &&
           !day.isBefore(DateTime.now());
  }
}