SwiftUIで年と月だけの DatePicker を表示させてみた

7.5K Views

November 14, 24

スライド概要

【Sansan × YUMEMI】iOSランチタイムLT 発表資料
https://yumemi.connpass.com/event/333140/

profile-image

koshimizu takehito / iOS app engineer

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

SwiftUIで年と月だけの DatePicker を表示させてみた 小清水 健人

2.

自己紹介 • 小清水健人 ( Koshimizu Takehito ) • @_take_hito_ ( https://x.com/_take_hito_ ) • 趣味 SwiftUI 素振り

3.

SwiftUI で年と月だけの DatePicker を表示したい

5.

.date または .hourAndMinute の 組み合わせのみ指定可能

6.

SwiftUI だけではできない

7.

UIDatePicker を使えばできそう💡

9.

年と月を表示するモード

11.

iOS 17.4+

12.

iOS 17.4 未満で使いたい

13.

UIKit をハックする

14.

UIDatePicker.Mode.date UIDatePickerStyle.inline

15.

タップする 年と月のピッカーが表示される (これ使えそう)

17.

ドキュメントされていない UIDatePicker.Mode

18.

魔法の数字で初期化🪄

19.

iOS 17.4 未満で 年と月の表示ができた😎

20.

あとは UIViewRepresentable で UIDatePicker をラップするだけ

22.

SwiftUI.DatePicker を 模倣したインターフェイス Locale, Calendar, TimeZone を 設定できるとプレビューが効率的

23.

サンプルコード https://gist.github.com/Koshimizu-Takehito/ e148411960e14188d75a8d9ed636e85b

24.

以上です ありがとうございました