回答編集履歴

サンプルコードの追加

2021/09/02 09:06

投稿

shiokara

スコア95

answer CHANGED Viewed

@@ -1,4 +1,181 @@
 Preferred Style : Compact
 Mode : Date and Time
 このように設定すれば日付と時間、年全て入力できますが。
-どうしても`wheels`で実装したいと言うことでしょうか？その場合は標準では用意されていないみたいなので自分で作成する必要がありそうです。
+どうしても`wheels`で実装したいと言うことでしょうか？その場合は標準では用意されていないみたいなので自分で作成する必要がありそうです。
+[追記]
+自分が以前実装した時のコードです。このまま使えないとは思いますが参考までに・・・。
+```Swift
+import UIKit
+class ViewController: UIViewController {
+    // textFieldなのかわかりませんが必要であれば変えてください
+    // それとoutletを繋げてください
+    @IBOutlet weak var textField: UITextField!
+    var picker: UIPickerView!
+    var toolbar: UIToolbar = {
+        let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: 0, height: 35))
+        let doneItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(done))
+        toolbar.setItems([doneItem], animated: true)
+        return toolbar
+    }()
+    private let yearList: [Int] = Array(2000...2100)
+    private let monthList: [Int] = Array(1...12)
+    private let dayList: [Int] = Array(1...31)
+    private let hourList: [Int] = Array(0...23)
+    private let minuteList: [Int] = Array(0...59)
+    var dateFormatter: DateFormatter = {
+        let f = DateFormatter()
+        // 表示用に使うフォーマット
+        // 必要であれば変えてください
+        f.dateFormat = "yyyy/MM/dd hh:mm"
+        return f
+    }()
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        picker = UIPickerView()
+        picker.delegate = self
+        picker.dataSource = self
+        textField.inputView = picker
+        textField.inputAccessoryView = toolbar
+        setTodayValue()
+    }
+    @objc func done() {
+        textField.endEditing(true)
+        updateTextField()
+    }
+    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
+        super.touchesBegan(touches, with: event)
+        textField.endEditing(true)
+        updateTextField()
+    }
+    func setTodayValue() {
+        let date = Date()
+        let f0 = DateFormatter()
+        f0.dateFormat = "yyyy"
+        if let int = Int(f0.string(from: date)), let row = yearList.firstIndex(of: int) {
+            picker.selectRow(row, inComponent: 0, animated: false)
+        }
+        let f1 = DateFormatter()
+        f1.dateFormat = "M"
+        if let int = Int(f1.string(from: date)), let row = monthList.firstIndex(of: int) {
+            picker.selectRow(row, inComponent: 1, animated: false)
+        }
+        let f2 = DateFormatter()
+        f2.dateFormat = "d"
+        if let int = Int(f2.string(from: date)), let row = dayList.firstIndex(of: int) {
+            picker.selectRow(row, inComponent: 2, animated: false)
+        }
+        let f3 = DateFormatter()
+        f3.dateFormat = "H"
+        if let int = Int(f3.string(from: date)), let row = hourList.firstIndex(of: int) {
+            picker.selectRow(row, inComponent: 3, animated: false)
+        }
+        let f4 = DateFormatter()
+        f4.dateFormat = "m"
+        if let int = Int(f4.string(from: date)), let row = minuteList.firstIndex(of: int) {
+            picker.selectRow(row, inComponent: 4, animated: false)
+        }
+        updateTextField()
+    }
+    func updateTextField() {
+        if let date = fetchDateFromPicker() {
+            textField.text = dateFormatter.string(from: date)
+        }
+    }
+    func fetchDateFromPicker() -> Date? {
+        let selectedYear = yearList[picker.selectedRow(inComponent: 0)]
+        let selectedMonth = String(monthList[picker.selectedRow(inComponent: 1)])
+        let selectedDay = String(dayList[picker.selectedRow(inComponent: 2)])
+        let selectedHour = String(hourList[picker.selectedRow(inComponent: 3)])
+        let selectedMinute = String(minuteList[picker.selectedRow(inComponent: 4)])
+        let string = "(selectedYear)/(selectedMonth)/(selectedDay) (selectedHour):(selectedMinute)"
+        let f = DateFormatter()
+        f.dateFormat = "yyyy/M/d H:m"
+        return f.date(from: string)
+    }
+}
+extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {
+    func numberOfComponents(in pickerView: UIPickerView) -> Int {
+        return 5
+    }
+    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
+        switch component {
+        case 0:
+            return yearList.count
+        case 1:
+            return monthList.count
+        case 2:
+            return dayList.count
+        case 3:
+            return hourList.count
+        case 4 :
+            return minuteList.count
+        default:
+            return 0
+        }
+    }
+    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
+        switch component {
+        case 0:
+            return String(yearList[row])
+        case 1:
+            return String(format: "%02d", monthList[row])
+        case 2:
+            return String(format: "%02d", dayList[row])
+        case 3:
+            return String(format: "%02d", hourList[row])
+        case 4 :
+            return String(format: "%02d", minuteList[row])
+        default:
+            return nil
+        }
+    }
+    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
+        updateTextField()
+    }
+    func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
+        switch component {
+        case 0:
+            return 100
+        case 1:
+            return 40
+        case 2:
+            return 40
+        case 3:
+            return 40
+        case 4 :
+            return 40
+        default:
+            return 0
+        }
+    }
+}
+```