SwiftUI中能否自定义隐藏标签后的DatePicker按钮？

当然可行，不过直接给隐藏标签后的DatePicker加修饰符无效，是因为此时显示的按钮是系统原生组件，SwiftUI的常规修饰符无法直接作用于它。下面提供两种实用方案：

方案一：用按钮触发弹窗式DatePicker #

通过自定义按钮触发sheet展示DatePicker，按钮的样式和标签完全由你掌控：

struct ContentView: View {
    @State var selectedDate = Date.now
    @State private var showDatePickerSheet = false
    
    var body: some View {
        Button(action: {
            showDatePickerSheet.toggle()
        }) {
            // 自定义按钮内容：这里显示格式化后的选中日期
            Text(selectedDate.formatted(date: .complete, time: .omitted))
                .foregroundColor(.white)
                .padding(.horizontal, 16)
                .padding(.vertical, 8)
                .background(Color.blue)
                .cornerRadius(6)
        }
        .sheet(isPresented: $showDatePickerSheet) {
            DatePicker("", selection: $selectedDate, displayedComponents: [.date])
                .labelsHidden()
                .presentationDetents([.height(220)])
                .toolbar {
                    Button("确定") {
                        showDatePickerSheet.toggle()
                    }
                }
        }
    }
}

你可以给按钮添加任何修饰符，比如调整字体、背景色、边框、阴影等，完全不受系统限制。

方案二：用Menu包裹DatePicker #

将DatePicker放在Menu中，自定义Menu的触发按钮，点击后直接弹出日期选择器：

struct ContentView: View {
    @State var selectedDate = Date.now
    
    var body: some View {
        Menu {
            DatePicker("", selection: $selectedDate, displayedComponents: [.date])
                .labelsHidden()
        } label: {
            // 自定义Menu触发按钮
            Text("选择日期")
                .font(.subheadline)
                .foregroundColor(.purple)
                .padding()
                .border(Color.purple, width: 1)
                .cornerRadius(4)
        }
    }
}

这种方式无需弹窗，直接在当前界面弹出选择器，按钮样式同样可以完全自定义。

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