You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter开发:如何移除DatePicker中的时间选择功能?

移除Flutter DatePicker中的时间选择功能的实现方法

核心修改:设置initialEntryMode参数

在showDatePicker方法中添加initialEntryMode: DatePickerEntryMode.calendarOnly参数,强制DatePicker仅以日历模式展示,完全屏蔽时间选择相关界面。

修改后的完整代码如下:

按钮部分代码

MaterialButton(
  onPressed: _showDatePicker,
  color: Colors.blue,
  child: const Text(
    'choose date',
    style: TextStyle(color: Colors.white, fontSize: 25),
  ),
),

日期选择器逻辑代码

//date picker
DateTime _dateTime = DateTime(2020);

void _showDatePicker() {
  showDatePicker(
    context: context,
    initialDate: DateTime(2020, 1, 1),
    firstDate: DateTime(2020),
    lastDate: DateTime(2023),
    // 强制仅显示日历选择界面,移除时间选择入口
    initialEntryMode: DatePickerEntryMode.calendarOnly,
  ).then((value) {
    setState(() {
      _dateTime = value!;
    });
  });
}

补充说明

  • DatePickerEntryMode.calendarOnly会让DatePicker直接打开日历选择界面,不会出现任何时间选择的触发入口;
  • 确认项目中没有混用showDateTimePicker(该方法默认是日期+时间组合选择器),保持使用showDatePicker并配合上述参数即可实现纯日期选择。

内容的提问来源于stack exchange,提问作者dola23

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 02:33:25