SwiftUI DatePicker问题：设置24小时范围却无法选次日当前时间后时段

当你使用displayedComponents: .hourAndMinute时，SwiftUI的DatePicker会默认将选中的时间映射到当前日期。这就导致两个问题：

1. 选中早于当前时间的时段时，生成的日期会落在startDate之前，超出你设置的范围，因此被Picker阻止。
2. 你期望的endDate是次日同一时间，但Picker无法区分"今日午夜后"和"次日时段"，只会将午夜后的时间映射到当前日期（已过去），同样被阻止。

通过自定义Binding，手动将选中的时间映射到正确的日期（今日或次日），同时扩展Picker的可选范围以允许所有时段的选择。

步骤1：定义核心变量 #

// 你期望的时间范围：从现在到24小时后
private let desiredStartDate = Date()
private let desiredEndDate = Date(timeIntervalSinceNow: 24 * 3600.0)

步骤2：创建自定义Binding #

这个Binding会自动调整选中的时间到符合要求的日期：

private var arrivalTimeBinding: Binding<Date> {
    Binding(
        get: { appointmentTimes.arrivalTime },
        set: { newSelectedDate in
            let calendar = Calendar.current
            // 提取选中的小时和分钟组件
            let timeComponents = calendar.dateComponents([.hour, .minute], from: newSelectedDate)
            
            // 尝试生成今日对应时间的日期
            guard let todayDate = calendar.date(bySettingHour: timeComponents.hour!, 
                                               minute: timeComponents.minute!, 
                                               second: 0, 
                                               of: desiredStartDate) else {
                appointmentTimes.arrivalTime = desiredStartDate
                return
            }
            
            if todayDate >= desiredStartDate {
                // 今日时间在允许范围内，直接使用
                appointmentTimes.arrivalTime = todayDate
            } else {
                // 今日时间已过，使用次日对应时间
                guard let tomorrowDate = calendar.date(byAdding: .day, value: 1, to: todayDate) else {
                    appointmentTimes.arrivalTime = desiredStartDate
                    return
                }
                // 确保不超过期望的结束时间
                appointmentTimes.arrivalTime = min(tomorrowDate, desiredEndDate)
            }
        }
    )
}

步骤3：修改DatePicker代码 #

使用自定义Binding，并扩展可选范围以允许所有时段：

DatePicker("What time do you have to arrive at?", 
           selection: arrivalTimeBinding,
           // 扩展范围：允许选择昨日到次日的所有时间，确保Picker能展示全时段
           in: (desiredStartDate - 24 * 3600)...desiredEndDate,
           displayedComponents: .hourAndMinute)
    .labelsHidden()
    .font(.largeTitle)
    .datePickerStyle(.wheel)
    .onAppear {
        UIDatePicker.appearance().minuteInterval = 5
    }

额外注意 #

确保appointmentTimes.arrivalTime的初始值设置为desiredStartDate或今日晚些时候的时间，避免Picker初始状态异常。

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