見出し画像

[Lesson4-3]時間だけを選択させるPickerを作ってみた

・はじめに

このシリーズは自分自身の学習記録を自分が後に振り返れるように記録していく事が目的です。よって”見やすく”と言う観点では作成されていません。しかし、私自身の成長と後の成果が、この記録に大きな意味をもたらしてくれると思いStudyLog=SLogを始めようと思い始めました。この記録が技術的な事はもちろん、他の要因でも、いつか誰かの役にたてば幸いです。また私の成長記録も暖かい目で見て頂けると嬉しいです。では早速本日の記録をスタートしていきましょう!

画像1

今回作ったのはこんなの。

import SwiftUI

struct ContentView: View {
   @State private var wakeUp = Date()
   var body: some View {
       
         let formatter = DateFormatter()
         formatter.timeStyle = .short
         let dateString = formatter.string(from: Date())
         return DatePicker("Please enter a date", selection: $wakeUp, displayedComponents: .hourAndMinute)
       .labelsHidden()
       }
   }


struct ContentView_Previews: PreviewProvider {
   static var previews: some View {
       ContentView()
   }
}

@State private var wakeUp = Date()は前回したので割愛します。
let formatter = DateFormatter()
formatter.timeStyle = .short
let dateString = formatter.string(from: Date())
ここで日付を文字列に変換→日付からの時間だけを取り出します。

あとはdatepickerにreturnで返すだけです。

本時は以上です。

いいねと思えたらよろしくお願いします😋