swift4 UIDatePicker에서 UITextfield로 출력까지

7201 단어 XcodeSwift4
DatePicker를 사용하여 지정한 날짜를 표시하는 데 약간 어려움을 겪었으므로,
동지들(초학자)에게 누구라도 사용할 수 있도록 씁니다.

이런 식으로 UITextfield를 선택하면 UIDatePicker가 시작됩니다.
날짜 지정 → 지정된 날짜를 출력하는 방법에 대한 Tips.


날짜 표시를 위한 UITextfield 준비



UITextfield를 storyboard의 uivewcontroller에 배치.
outlet으로 연결해 둡니다.
 @IBOutlet weak var dateField: UITextField!

실제 코드가이 녀석



BirthdayViewController.swift
import UIKit

class BirthdayViewController: UIViewController {

    //UITextfieldに紐づいてる
    @IBOutlet weak var dateField: UITextField!

    //UIDatePickerを定義するための変数
    var datePicker: UIDatePicker = UIDatePicker()


    override func viewDidLoad() {
        super.viewDidLoad()

        // ピッカー設定
        datePicker.datePickerMode = UIDatePickerMode.date
        datePicker.timeZone = NSTimeZone.local
        datePicker.locale = Locale.current
        dateField.inputView = datePicker

        // 決定バーの生成
        let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: view.frame.size.width, height: 35))
        let spacelItem = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: self, action: nil)
        let doneItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(done))
        toolbar.setItems([spacelItem, doneItem], animated: true)

        // インプットビュー設定(紐づいているUITextfieldへ代入)
        dateField.inputView = datePicker
        dateField.inputAccessoryView = toolbar
    }

    // UIDatePickerのDoneを押したら発火
    @objc func done() {
        dateField.endEditing(true)

        // 日付のフォーマット
        let formatter = DateFormatter()

        //"yyyy年MM月dd日"を"yyyy/MM/dd"したりして出力の仕方を好きに変更できるよ
        formatter.dateFormat = "yyyy年MM月dd日"

        //(from: datePicker.date))を指定してあげることで
        //datePickerで指定した日付が表示される
        dateField.text = "\(formatter.string(from: datePicker.date))"



    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

다음 번에는 지정된 날짜부터 나이를 얻을 수 있습니다.

좋은 웹페이지 즐겨찾기