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
相关产品推荐
相关产品推荐

