Tags :

Date :

SwiftUI에서 제공하는 캘린더

SwiftUI에서 제공하는 DatePicker를 사용하여 간단한 캘린더를 구현할 수 있습니다.

import SwiftUI

struct ProfileView: View {
    @State private var selectedDate = Date()
    
    var body: some View {
        VStack {
            Text("선택한 날짜: \(selectedDate, formatter: dateFormatter)")
                .padding()
            
            DatePicker(
                "Start Date",
                selection: $selectedDate,
                displayedComponents: [.date]                    // 날짜만 표시 (시간은 제외)
            )
            .datePickerStyle(GraphicalDatePickerStyle())        // 그래픽 스타일
            .environment(\.locale, Locale(identifier: "ko_KR")) // 한국 로케일 설정
            
            Spacer()
        }
    }
    
    // 날짜 형식을 지정하기 위한 Formatter
   private var dateFormatter: DateFormatter {
       let formatter = DateFormatter()
       formatter.dateStyle = .medium
       return formatter
   }
}

#Preview {
    ProfileView()
}

Calendar Preview


위 코드와 이미지를 참고하여 SwiftUI에서 제공하는 DatePicker의 기본적인 사용법을 익혀보세요.

Leave a comment