如何让 Flutter FormBuilderDateTimePicker 仅显示日期选择器

mar*_*cks 6 flutter flutter-form-builder flutter-datetime-picker

如何让 FlutterFormBuilderDateTimePicker只显示日期?下面的代码在日期选择器关闭后生成一个时间选择器,输出为:

扑动:2022-04-02 00:00:00.000

我可以利用时间来节省时间DateTime.timeonly(),但这并不能解决问题。这应该是一个仅限日期的字段。

FormBuilderDateTimePicker(
    name: 'date_established',
    format: DateFormat('dd/MM/yyyy'),
    enabled: true,
    decoration: InputDecoration(
        labelText: 'Date Established',
        labelStyle: TextStyle(
            color: Colors.white,
            fontSize: 16.0,
            fontWeight: FontWeight.normal)),
        style: TextStyle(
            color: Colors.white,
            fontSize: 16.0,
            fontWeight: FontWeight.normal),
),
Run Code Online (Sandbox Code Playgroud)

mar*_*cks 11

解决方案是添加

inputType: InputType.date,
Run Code Online (Sandbox Code Playgroud)


Taq*_*zil 5

var _selectedDate;
DateTime? datePicked;

    Future<void> _showDObPicker() async {
        datePicked = await showDatePicker(
            context: context,
            initialDate: DateTime.now(),
            firstDate: DateTime(1900,1,1),
            lastDate: DateTime.now(),
            builder: (BuildContext context, Widget? child) {
              return Theme(
                data: ThemeData.light().copyWith(
                  colorScheme: ColorScheme.light(primary: kPrimaryColor),
                  buttonTheme: ButtonThemeData(textTheme: ButtonTextTheme.primary),
                ),
                child: child!,
              );
            });
    
        setState(() {
    
          _selectedDate = DateFormat("dd/MM/yyyy").format(datePicked!);
    
        });
      }
Run Code Online (Sandbox Code Playgroud)

声明一个这样的方法并像下面一样使用它

hint: _selectedDate
Run Code Online (Sandbox Code Playgroud)