1. 스토리보드 UIDatePicker 추가
아래처럼 Main.storyboard 파일을 연다음 UIDatePicker 를 드래그드래그하면 아래처럼 View Controller Scene 에 UIDatePicker가 추가된 것을 확인 할 수 있다.
ViewContoller.swift 파일로 이동하여 IBOutlet을 만들고 "DatePicker" 라고 이름으로 만든다
같은 방법으로 UILabel 도 드래그하여 추가후 IBOutlet을 만들고 "DateLabel" 라고 이름을 정한다
2. ViewController.swift 코딩 추가
//IBOutlet 생성 된 상태@IBOutlet weak var DatePicker: UIDatePicker!
@IBOutlet weak var DateLabel: UILabel! // 날짜값을 출력할 라벨
override func viewDidLoad() {
super.viewDidLoad()
//날짜를 yyyy-MM-dd 형식으로 문자열 값으로 불러오기
let dateFormatter = NSDateFormatter()
dateFormatter.dateFormat = "yyyy-MM-dd"
let strDate = dateFormatter.stringFromDate(NSDate())
//라벨에 날짜 표시
self.DateLabel.text = strDate
}
시뮬레이터 실행해 보면 아래처럼 현재 날짜 값이 라벨에 출력됩니다.
'
날짜 값 변경 시 라벨의 날짜 값도 바뀌도록 하겠습니다.
이번엔 IBOutlet이 아닌 Action 을 만들고 "DatepickerAction" 라고 이름을 정한다.
추가된 함수에 아래처럼 코딩을 넣어줍니다.
@IBAction func DatepickerAction(sender: AnyObject) {
let dateFormatter = NSDateFormatter()
dateFormatter.dateFormat = "yyyy-MM-dd"
let strDate = dateFormatter.stringFromDate(DatePicker.date)
self.DateLabel.text = strDate
print(strDate)
}
시뮬레이션 실행 하면 날짜가 변경됨에 따라 라벨의 텍스트도 변하는것을 확인 할 수 있다
<프린트 출력값>
- Mode -
- Date Picker 컬러 설정 -
<백그라운드 컬러>
DatePicker.backgroundColor = UIColor.blueColor()
3. Date Picker Mode & option 참고용
- 다양한 모드를 지원 및 옵션 지원 -- Mode -
- Date Picker 컬러 설정 -
<백그라운드 컬러>
DatePicker.backgroundColor = UIColor.blueColor()
<텍스트 컬러>
DatePicker.setValue(UIColor.whiteColor(), forKeyPath: "textColor")
< 알파값 설정>
DatePicker.setValue(0.8, forKeyPath: "alpha")
<하이라이트 효과 없애기 (선택 날짜 컬러)>
DatePicker.setValue(false, forKey: "highlightsToday")
댓글 없음:
댓글 쓰기