.NET MAUI DatePicker是否有类似BlackoutDates的日期禁用功能？

在.NET MAUI中，官方DatePicker确实没有内置类似WPF/WinForms的BlackoutDates功能，以下是几种可行的实现方案：

方案1：自定义平台渲染器（原生级控制） #

针对Android和iOS分别定制DatePicker的原生行为，实现精确的日期禁用逻辑。

Android 端实现 #

继承DatePickerHandler，拦截原生弹窗并设置禁用规则：

public class CustomDatePickerHandler : DatePickerHandler
{
    protected override void ConnectHandler(DatePickerPlatformView platformView)
    {
        base.ConnectHandler(platformView);
        if (VirtualView is CustomDatePicker customPicker)
        {
            platformView.Click += (s, e) =>
            {
                var dialog = new DatePickerDialog(Context, (o, args) =>
                {
                    VirtualView.Date = args.Date;
                    platformView.Text = args.Date.ToString(VirtualView.Format);
                }, VirtualView.Date.Year, VirtualView.Date.Month - 1, VirtualView.Date.Day);

                // 示例：禁用所有过去的日期
                dialog.DatePicker.MinDate = DateTime.Now.AddDays(-1).Ticks;

                // 若需自定义禁用日期列表，可扩展CustomDatePicker添加BlackoutDates属性，再在此处过滤
                dialog.Show();
            };
        }
    }
}

在MauiProgram.cs中注册渲染器：

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<CustomDatePicker, CustomDatePickerHandler>();
#endif
});

iOS 端实现 #

同样通过自定义Handler修改原生UIDatePicker的属性：

public class CustomDatePickerHandler : DatePickerHandler
{
    protected override void ConnectHandler(UIDatePicker platformView)
    {
        base.ConnectHandler(platformView);
        if (VirtualView is CustomDatePicker customPicker)
        {
            // 示例：禁用过去日期
            platformView.MinimumDate = DateTime.Now.AddDays(-1).ToNSDate();

            // 若需多日期禁用，可替换为自定义UIPickerView实现更灵活的过滤逻辑
        }
    }
}

方案2：改用.NET MAUI Community Toolkit的Calendar控件 #

Community Toolkit提供的Calendar控件原生支持BlackoutDates属性，可直接替代DatePicker实现需求：

<toolkit:Calendar x:Name="SelectDateCalendar" SelectionMode="Single">
    <toolkit:Calendar.BlackoutDates>
        <!-- 禁用日期范围 -->
        <toolkit:CalendarDateRange Start="2024-05-10" End="2024-05-15"/>
        <!-- 禁用单个日期 -->
        <toolkit:CalendarDateRange Start="2024-05-20" End="2024-05-20"/>
    </toolkit:Calendar.BlackoutDates>
</toolkit:Calendar>

监听SelectionChanged事件获取选中日期，绑定到业务逻辑即可。

方案3：前端验证（轻量方案） #

如果不需要严格拦截选择操作，可在用户选择日期后验证并提示：

private void DatePicker_DateSelected(object sender, DateChangedEventArgs e)
{
    // 自定义禁用日期列表
    var blackoutDates = new List<DateTime>
    {
        new DateTime(2024, 5, 10),
        new DateTime(2024, 5, 15)
    };

    if (blackoutDates.Contains(e.NewDate.Date))
    {
        ((DatePicker)sender).Date = e.OldDate;
        _ = DisplayAlert("提示", "该日期不可选择", "确定");
    }
}

此方案实现简单，但用户仍能临时选中禁用日期，体验略逊于原生拦截。

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