0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

DatePickerをスピナー指定してもカレンダー部分が消えない(Tablet端末のみ?)

Last updated at Posted at 2020-10-14

前提

  • エミュレータおよび実機で検証 (API 28以降)
  • htmlをWebViewで表示(Chrome for android)
  • DatePickerをスピナーのみの表示にしたかった
  • 結果的にスピナーのみの表示をあきらめています

input type="date"の表示

まずはデフォルト設定

Pixel 3a XLの場合

image.png

Nexus 10 の場合

image.png
デフォルト表示だとスマートフォンでもタブレットでも同様の表示

次にスピナーのみ表示する設定

    <item name="android:datePickerMode">spinner</item>
    <item name="android:calendarViewShown">false</item>

Pixel 3a XLの場合

image.png

Nexus10の場合

image.png
何この右の空間・・・

何が起きているのか

本来右の空間にはカレンダーが表示されるが、カレンダーを非表示にしたために
このような空間が生まれてしまったと思われる。
image.png

おわりに

泣く泣くDatePickerの使用をやめ、生年月日をリストで選択してもらうようにしました・・・

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?