SwiftUI独立年月选择器问题：选择月份无响应求助

核心问题是Picker的selection绑定类型与选项的tag类型不匹配：你绑定的viewModel.selectedDate是Date类型，但每个选项的tag却是String类型的月份名称，SwiftUI无法建立两者的关联，导致选择操作无法更新选中值，Picker也就不会切换到所选月份。

修正后的MonthPicker代码 #

struct MonthPicker: View {
    @ObservedObject var viewModel: CalendarViewModel

    private let calendar = Calendar.current
    private let dateFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateFormat = "MMMM"
        return formatter
    }()

    var body: some View {
        Picker("", selection: $viewModel.selectedDate) {
            // 遍历生成的月份日期数组，每个选项的tag对应具体Date
            ForEach(generateMonthDates(), id: \.self) { monthDate in
                Text(dateFormatter.string(from: monthDate))
                    .tag(monthDate)
            }
        }
        .labelsHidden()
        .background(Color.white)
        .cornerRadius(8)
        .overlay(
            RoundedRectangle(cornerRadius: 8)
                .stroke(Color.blue, lineWidth: 1)
        )
        .onChange(of: viewModel.selectedDate) { newDate in
            // 可选：保持选中日期的年份与初始年份一致（如果需要固定年份选择）
            let currentYear = calendar.component(.year, from: viewModel.selectedDate)
            if let fixedYearDate = calendar.date(bySetting: .year, value: currentYear, of: newDate) {
                viewModel.selectedDate = fixedYearDate
            }
        }
    }

    // 生成全年12个月份的第一天日期数组，保证顺序是1月到12月
    private func generateMonthDates() -> [Date] {
        var monthDates: [Date] = []
        let currentYear = calendar.component(.year, from: Date())
        
        for month in 1...12 {
            var components = DateComponents()
            components.year = currentYear
            components.month = month
            components.day = 1
            if let date = calendar.date(from: components) {
                monthDates.append(date)
            }
        }
        
        return monthDates
    }
}

优化CalendarViewModel（可选） #

为了让初始选中状态与Picker选项匹配，将selectedDate初始化为当月第一天：

class CalendarViewModel: ObservableObject {
    @Published var selectedDate: Date = {
        let calendar = Calendar.current
        // 只保留年、月部分，生成当月第一天的日期
        let components = calendar.dateComponents([.year, .month], from: Date())
        return calendar.date(from: components) ?? Date()
    }()
}

关键修改点 #

1. 统一类型匹配：将Picker选项的tag改为Date类型，与selection绑定的selectedDate类型一致，确保SwiftUI能正确响应选择操作。
2. 固定月份顺序：通过遍历1到12的月份值生成日期数组，严格保证1月到12月的顺序。
3. 初始状态对齐：让selectedDate初始化为当月第一天，确保Picker默认显示正确的当前月份。

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