Xamarin.Forms如何设置TimePicker禁止选择过去时间

TimePicker 原生控件默认未提供类似 DatePicker MinimumDate 的直接配置属性，可通过以下方案实现需求：

核心实现逻辑 #

• 首先获取当前系统时间的时分值，作为可选时间的最小阈值
• 方案一：监听TimePicker的选中值变化，一旦选中时间早于最小阈值，自动重置为最小阈值，实现拦截效果
• 方案二：自定义TimePicker的选项生成逻辑，直接过滤掉所有早于当前时间的选项，从根源上禁止用户选择过往时间

不同技术栈实现示例 #

.NET MAUI / Xamarin #

通过监听PropertyChanged事件实现拦截：

// 初始化时获取当前时间
var minTime = DateTime.Now.TimeOfDay;
timePicker.PropertyChanged += (sender, args) =>
{
    if (args.PropertyName == TimePicker.TimeProperty.PropertyName 
        && timePicker.Time < minTime)
    {
        timePicker.Time = minTime;
    }
};

如果需要完全隐藏过往时间选项，可以自定义TimePicker的渲染器，替换原生弹窗的时间列表。

Android 原生 #

重写TimePickerDialog的时间变化监听实现校验：

Calendar minCalendar = Calendar.getInstance();
TimePickerDialog timeDialog = new TimePickerDialog(
    this,
    (view, hour, minute) -> { /* 选中后业务逻辑 */ },
    minCalendar.get(Calendar.HOUR_OF_DAY),
    minCalendar.get(Calendar.MINUTE),
    true
);
timeDialog.setOnTimeChangedListener((view, hour, minute) -> {
    Calendar selectCalendar = Calendar.getInstance();
    selectCalendar.set(Calendar.HOUR_OF_DAY, hour);
    selectCalendar.set(Calendar.MINUTE, minute);
    if (selectCalendar.before(minCalendar)) {
        view.setHour(minCalendar.get(Calendar.HOUR_OF_DAY));
        view.setMinute(minCalendar.get(Calendar.MINUTE));
    }
});
timeDialog.show();

Web端（Element UI示例） #

直接使用组件提供的禁用时间属性过滤：

const currentTime = new Date();
// 禁用小于当前小时的所有小时选项
const disabledHours = () => {
  return Array.from({length: currentTime.getHours()}, (_, i) => i);
};
// 选中当前小时时，禁用小于当前分钟的所有分钟选项
const disabledMinutes = (selectedHour) => {
  if (selectedHour === currentTime.getHours()) {
    return Array.from({length: currentTime.getMinutes()}, (_, i) => i);
  }
  return [];
};

<el-time-picker
  :disabled-hours="disabledHours"
  :disabled-minutes="disabledMinutes"
  placeholder="选择时间"
/>

若使用其他技术栈，可补充具体框架信息，可提供对应实现代码。

内容的提问来源于stack exchange，提问作者Matthew Pans