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

2048 ワード
Android HTML5 webView Android テキストリンク

前提

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

input type="date"の表示

まずはデフォルト設定

Pixel 3a XLの場合

Nexus 10 の場合


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

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

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

Pixel 3a XLの場合

Nexus10の場合


何この右の空間・・・

何が起きているのか

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

おわりに

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