我们如何在 flutter 中一起使用时间和日期选择器？

Question

我想一起显示日期和时间选择器，但我认为在 flutter 中没有任何小部件或库提供此功能。有什么建议或解决方案吗？

Answer 1

有一个package还有一个null safety。

TextButton(
onPressed: () {
    DatePicker.showDatePicker(context,
                          showTitleActions: true,
                          minTime: DateTime(2019, 3, 5),
                          maxTime: DateTime(2022, 1, 1), onChanged: (date) {
                      }, onConfirm: (date) {
                        print('Confirmed $date');
                      }, currentTime: DateTime.now(), locale: LocaleType.it);
},
child: Text(
    'Show Datetime picker (italian)',
    style: TextStyle(color: Colors.blue),
));

Answer 2

试试flutter_datetime_pickerhere希望对你有所帮助

在此包中，您要同时选择日期和时间。

也尝试 date_time_picker 包

Updated Answer:

您使用了 flutter_cupertino_datetime_picker 并根据需要设置了日期格式

    ElevatedButton(
          onPressed: () {
            dateTimePickerWidget(context);
          },
          child: Text('Pick Date-Time'),
        ),

dateTimePicker 的方法：

  dateTimePickerWidget(BuildContext context) {
    return DatePicker.showDatePicker(
      context,
      dateFormat: 'dd MMMM yyyy HH:mm',
      initialDateTime: DateTime.now(),
      minDateTime: DateTime(2000),
      maxDateTime: DateTime(3000),
      onMonthChangeStartWithFirstDate: true,
      onConfirm: (dateTime, List<int> index) {
        DateTime selectdate = dateTime;
        final selIOS = DateFormat('dd-MMM-yyyy - HH:mm').format(selectdate);
        print(selIOS);
      },
    );
  }

你的输出：

16-Mar-2022 - 12:28

小部件的结果屏幕 ->

DateTimePicker 的结果屏幕 ->

我们如何在 flutter 中一起使用时间和日期选择器？

How we can use time and date picker together in flutter?

dart

flutter

flutter-layout