サポート » プラグイン » ContactForm7Datepickerのスマホ表示について

  • 解決済 makintarou

    (@makintarou)


    下記内容でサイトを作成しております。
    WordPress:5.3.2
    プラグイン:ContactForm7 5.1.6/ContactForm7 Datepicker 2.6.0

    ContactForm7 Datepickerで日付の欄をクリックしてカレンダーを表示しています。スマートフォンで表示した際に、カレンダーがスマホキーボードの下に隠れて、カレンダーが見えなります。(選択した位置によっては上に出ます)

    キーボードが出るのは、直接入力も可能なためというこはわかるのですが、以下どれかの方法で対応が出来ないかご教示いただきたいです。

    1. 直接入力は行えなくして、カレンダーからの選択のみにする
    2. 直接入力を行えない仕様にはできない場合、キーボードを出さないようにする
    3. Datepickerプラグインでは対応できないから、別の方法でカレンダー表示する

    以上よろしくお願いいたします。

    • このトピックはmakintarouが4年、 2ヶ月前に変更しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • readonly 属性を追加するのはどうでしょうか。ただし、当然ですがキーボードからは入力できなくなります。

    ショートコードの例:
    [date date-123 date-format:mm/dd/yy readonly]

    トピック投稿者 makintarou

    (@makintarou)

    ありがとうございました。readonlyについては私も試していたのですが、スマホで選択できなくなっていたため質問させていただいていました。

    書き方と位置が間違っていたようで私は最初
    readonly:readonly
    とショートコードに書いていたてめ、スマホで選択すらできなくなってしまいました。

    教えていただきショートコードにreadonlyを書いたのですが、date-formatの前に記述してしまい、機能しませんでした。
    date-formatの後ろに記述したら、ちゃんと機能して、キーボードが表示しなくなりカレンダーの日付もできるようになりました。

    ありがとうございました。とても助かりました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ContactForm7Datepickerのスマホ表示について」には新たに返信することはできません。