SwiftUI中如何用MultiDatePicker同时支持单个日期及多日期范围选择？

可以实现单个日期选择并返回ClosedRange<Date>类型的结果，只需调整绑定方式并做简单转换：

1. 改用Set<DateComponents>绑定选中日期，支持单个日期点击选择
2. 处理结果时将单个DateComponents转为Date，再生成首尾相同的ClosedRange<Date>

修改后的代码如下：

import SwiftUI

struct ContentView: View {
    // 绑定选中的日期组件集合
    @State private var selectedDates: Set<DateComponents> = []
    // 存储转换后的日期范围
    @State private var dateRange: ClosedRange<Date>? = nil
    
    var body: some View {
        MultiDatePicker("选择日期", selection: $selectedDates)
            .padding()
        
        Button(action: {
            withAnimation(.linear(duration: 0.3)) {
                processSelectedDates()
            }
        }, label: {
            Text("OK")
                .font(.title3)
                .padding()
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(8)
        })
    }
    
    func processSelectedDates() {
        // 仅处理单个选中日期的情况
        guard selectedDates.count == 1, let dateComp = selectedDates.first else {
            print("请选择单个日期")
            dateRange = nil
            return
        }
        
        // 将DateComponents转换为Date实例
        guard let selectedDate = Calendar.current.date(from: dateComp) else {
            print("日期转换失败")
            dateRange = nil
            return
        }
        
        // 生成首尾相同的ClosedRange
        dateRange = selectedDate...selectedDate
        if let range = dateRange {
            print("选中的日期范围：\(range)")
        }
    }
}

额外优化（可选） #

如果需要限制用户只能选择单个日期，可添加onChange监听集合变化，自动移除多余选中项：

MultiDatePicker("选择日期", selection: $selectedDates)
    .padding()
    .onChange(of: selectedDates) { newDates in
        if newDates.count > 1 {
            // 保留最后选中的日期
            selectedDates = [newDates.last!]
        }
    }

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