flutter_datetime_picker 显示年月日时分秒
时间: 2024-09-18 10:05:48 浏览: 68
flutter_picker:Flutter Picker插件
`flutter_datetime_picker`库默认是以日期和时间的形式显示的,包括年、月、日、小时、分钟和秒。如果你想在 picker 中同时显示全部信息,可以在初始化 `DateTimePicker` 对象时设置相应的模式(mode)。例如,如果你想要显示日期和时间,可以使用 `DateTimePickerMode.datetime`。
以下是完整的代码示例:
```dart
import 'package:flutter/material.dart';
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: RaisedButton(
onPressed: () {
showDateTimePicker(context).then((date) {
if (date != null) {
print("Selected date and time: $date");
} else {
print("User canceled the picker");
}
});
},
child: Text('选择日期和时间'),
),
),
),
);
}
Future<DateTime?> showDateTimePicker(BuildContext context) async {
return await showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: Text('选择日期和时间'),
content: SingleChildScrollView(
child: Padding(
padding: EdgeInsets.all(16.0),
child: DateTimePicker(
mode: DateTimePickerMode.datetime,
is24Hour: true,
initialDate: DateTime.now(),
),
),
),
actions: [
FlatButton(
onPressed: () {
Navigator.of(context).pop();
},
child: Text('取消'),
),
FlatButton(
onPressed: () {
Navigator.of(context).pop(date);
},
child: Text('确认'),
),
],
);
},
);
}
}
```
在这个示例中,当用户点击 "选择日期和时间" 按钮时,会弹出一个包含年、月、日、小时、分钟和秒的 picker。如果用户选择了一个值,它会被打印出来;如果用户取消了选择,将返回 `null`。
阅读全文