[스위프트] 데이트 피커로 날짜 선택하기(예제)

 

iOS프로그래밍_Swift 스위프트에서 Date Picker 데이트 피커로 날짜 선택하기

Xcode Version 11.4.1

 

 

데이트 피커(Date Picker)는 날짜와 시간을 선택할 수 있게 해주는 객체입니다.

아이폰의 기본 기능인 시계 앱의 알람 탭에서 자주 사용하는 기능입니다.

 

 

데이트 피커 사용법을 알기 위해 데이트 피커로 날짜를 선택하고, 그 날짜를 화면에 출력하는 기능을 구현하겠습니다. 

 

예제를 따라하기 앞서 선행 학습이 필요하신 분들은 아래 링크를 참고해주세요. 

새 프로젝트 생성 방법

 

STEP 1 데이트피커 추가하기

 

STEP 2 레이블 추가하기

 

화면 구상이 끝났습니다. 이제 아울렛 변수와 액션 함수를 추가해 보겠습니다. 

 

---

STEP 3 레이블에 대한 아웃렛 변수 추가하기

- [선택시간:] 레이블을 마우스 오른쪽 버튼으로 선택한 후 드래그해서 오른쪽 보조 편집기에 뷰컨트롤러의 클래스 선언문 바로 아래로 끌어다 놓습니다.

- 연결 설정 창에서 아웃렛 변수의 이름(Name)을 'lblPcikerTime'으로 입력하세요.

- 타입(Type)은 UILabel입니다.  

 

 

STEP 4 데이트 피커에 대한 액션 함수 추가하기

- 데이트 피커를 선택했을 때 실행되는 액션 함수입니다.

- 역시 오른쪽 마우스로 클릭하시고 오른쪽 보조 편집기 영역으로 드래그합니다. 

- 이름(Name)은 changeDatePicker

- 타입(Type)은 UIDatePicker 

 

 

 

STEP 5 동작 코드 작성하기

- 데이트 피커를 선택할 때 발생하는 액션 함수입니다.

코드설명

1: 이 함수가 호출되면서 sender라는 UIDatePicker 자료형의 인수가 전달됩니다. 이 sender를 datePickerView라는 상수에 저장합니다. 

2: 날짜를 출력하기 위하여 DateFormatter라는 클래스 상수 formatter를 선언합니다. 

 

전체코드는 아래 더보기를 클릭해서 확인하세요. 

//

//  ViewController.swift

//  DatePickerSample

//

//  Created by hahehohoo on 2020/04/23.

//  Copyright © 2020 hahehohoo. All rights reserved.

//

 

import UIKit

 

class ViewController: UIViewController {

    @IBOutlet var lblPickerTime: UILabel!

    

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view.

    }

    @IBAction func changeDatePicker(_ sender: UIDatePicker) {

        let datePickerView = sender

        let formatter = DateFormatter()

        formatter.dateFormat = "yyyy-MM-dd HH:mm EEE" //dateFormat 속성 지정

        lblPickerTime.text = "선택시간: " + formatter.string(from: datePickerView.date) //string 메서드 사용하여 문자열로 변환하고 레이블 text에 넣습니다.

    }

}

 

데이트 피커 안의 글자를 한국어로 변경하고 싶거나, 모드를 바꾸고 싶다면 이 글을 읽어보세요. 

 

 

--------------------------

iOS프로그래밍 학습을 위해

더 많은 예제 보러가기 

--------------------------