0
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

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

前提

  • エミュレータおよび実機で検証 (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の使用をやめ、生年月日をリストで選択してもらうようにしました・・・

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
0
Help us understand the problem. What are the problem?