swiftui - SwiftUI DatePicker 没有像预期的那样

Question

我需要显示两个日期，如屏幕截图fromDate&中所示toDate。从屏幕上显示日期的第一个组件中选择日期后，我遇到了一些 UI 问题，Jul 1, 2021但在从第二个日期选择器中选择日期后，其自动更改为7/31/2021.

1. 我不明白为什么它会改变那个甲酸盐。
2. 我想在提交带有格式的按钮后将日期发送到服务器2021-07-25
3. 布局也没有按预期工作。

class ViewModel: ObservableObject {
    @Published var fromDate = Date()
    @Published var toDate = Date()
}

struct ContentView: View {
    @State var fromDate = Date()
    @State var toDate = Date()

    @ObservedObject var viewModel = ViewModel()
    
    var body: some View {
        VStack {
            HStack {
                VStack {
                    Text("From Date").padding(.horizontal).frame(maxWidth: .infinity, alignment: .leading)
                    DatePicker("", selection: $viewModel.fromDate, displayedComponents: [.date])
                        .labelsHidden()
                        .fixedSize().frame(maxWidth: .infinity, alignment: .leading)
                }
                VStack {
                    Text("To Date").padding(.horizontal).frame(maxWidth: .infinity, alignment: .leading)
                    DatePicker("", selection: $viewModel.toDate, displayedComponents: [.date])
                        .labelsHidden()
                        .fixedSize().frame(maxWidth: .infinity, alignment: .leading)
                }
                
            }.padding()
            Button(action: {
                print("\(viewModel.fromDate), \(viewModel.toDate)")
                //TODO: expected formate is 2021-02-25
            }, label: {
                Text("Submit")
            })
        }
    }
}

Screenshot

提前致谢。！！