如何实现UIDatePicker仅展示特定星期几的日期？

嘿，这个需求我之前也帮开发者处理过～原生的UIDatePicker本身并没有直接支持只显示特定星期几的API，但我们有两种靠谱的方案来实现你的需求——一种是基于原生picker快速实现的拦截修正法，另一种是完全自定义的UIPickerView方案，下面分别给你详细说明：

方案一：基于原生UIDatePicker的快速实现 #

这个方案的思路很简单：允许用户在原生picker里滚动选择，但一旦选到非目标星期的日期，我们自动把picker的日期调整到最近的目标星期几（比如用户不小心选了周二，picker会自动跳回最近的周一）。

步骤1：初始化并配置UIDatePicker #

先创建你的picker，设置好基础样式：

let datePicker = UIDatePicker()
datePicker.datePickerMode = .date
datePicker.preferredDatePickerStyle = .wheels // 必须用滚轮样式才能触发后续的调整逻辑
// 绑定值变化的监听事件
datePicker.addTarget(self, action: #selector(datePickerValueChanged(_:)), for: .valueChanged)
// 初始日期设为最近的目标星期几，比如周一
datePicker.date = getNearestTargetWeekday(targetWeekday: 2) // 注意：iOS中星期数值是1=周日，2=周一，...，7=周六

步骤2：实现日期修正工具函数 #

写一个工具函数，用来获取离指定日期最近的目标星期几的日期：

func getNearestTargetWeekday(targetWeekday: Int, from date: Date = Date()) -> Date {
    let calendar = Calendar.current
    guard let currentWeekday = calendar.dateComponents([.weekday], from: date).weekday else {
        return date
    }
    
    let daysToAdd: Int
    if currentWeekday < targetWeekday {
        daysToAdd = targetWeekday - currentWeekday
    } else if currentWeekday > targetWeekday {
        daysToAdd = (7 - currentWeekday) + targetWeekday
    } else {
        daysToAdd = 0 // 已经是目标星期几了，不用调整
    }
    
    return calendar.date(byAdding: .day, value: daysToAdd, to: date)!
}

步骤3：监听picker的选择并修正日期 #

在监听方法里，自动将用户选择的日期修正为目标星期几：

@objc func datePickerValueChanged(_ sender: UIDatePicker) {
    let targetWeekday = 2 // 这里设置为周一，你可以根据需求修改
    let correctedDate = getNearestTargetWeekday(targetWeekday: targetWeekday, from: sender.date)
    // 避免无限循环，只有当日期不同时才更新
    if !Calendar.current.isDate(sender.date, inSameDayAs: correctedDate) {
        sender.date = correctedDate
    }
}

这个方案的优势是开发快，直接复用原生picker的所有交互和样式；唯一的小缺点是用户会看到picker滚动到非目标日期后跳回来，体验略有一点点瑕疵，但大部分场景下完全够用。

方案二：自定义UIPickerView完全控制显示内容 #

如果你希望picker里只出现目标星期几的日期，没有任何其他选项，那自定义UIPickerView是更完美的选择——你可以完全掌控显示的每一个日期选项。

步骤1：生成目标日期数据源 #

首先，生成一系列你需要的目标星期几的日期，比如接下来12个周一：

var targetDates: [Date] = []

func generateTargetDates(targetWeekday: Int, count: Int = 12) {
    let calendar = Calendar.current
    var currentDate = getNearestTargetWeekday(targetWeekday: targetWeekday)
    
    for _ in 0..<count {
        targetDates.append(currentDate)
        // 每次加7天，得到下一个同星期的日期
        currentDate = calendar.date(byAdding: .day, value: 7, to: currentDate)!
    }
}

步骤2：实现UIPickerView的代理和数据源 #

设置UIPickerView的代理和数据源，把每个row对应一个目标日期：

class CustomDatePickerVC: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
    let pickerView = UIPickerView()
    let targetWeekday = 2 // 周一
    var targetDates: [Date] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 生成目标日期数据源
        generateTargetDates(targetWeekday: targetWeekday)
        // 设置代理和数据源
        pickerView.dataSource = self
        pickerView.delegate = self
        // 将picker添加到视图并设置布局约束（这里省略约束代码，你可以根据自己的界面调整）
        view.addSubview(pickerView)
    }
    
    // MARK: - UIPickerView DataSource
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1 // 只需要一个列
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return targetDates.count // 数据源的数量就是行数
    }
    
    // MARK: - UIPickerView Delegate
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yyyy-MM-dd (EEE)" // 显示格式比如"2024-04-02 (Mon)"
        return dateFormatter.string(from: targetDates[row])
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        let selectedDate = targetDates[row]
        // 在这里处理用户选择的日期，比如更新UI或者保存数据
        print("用户选择了：\(selectedDate)")
    }
}

额外优化建议 #

• 你可以实现无限滚动：当用户滚动到最后一行时，自动生成更多的目标日期并添加到数据源中，避免用户滚到尽头。
• 自定义row的样式：如果默认的文字样式不够美观，可以用pickerView(_:viewForRow:forComponent:reusing:)方法自定义每个row的视图，比如添加图标或者调整字体颜色。

这个方案的优势是完全符合你的需求——用户只能看到并选择目标星期几的日期，体验非常流畅；唯一的缺点是需要自己实现picker的样式和交互，工作量比方案一稍大，但可控性更强。

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