メインコンテンツへ移動

日付ブロック全体を押すと、カレンダーがポップアップされるようにしたい

0
Who liked: No user
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #145212
    アバター画像mtmekj
    参加者
    8

    【お使いの Snow Monkey のバージョン】
    バージョン: 29.0.0

    【お使いの Snow Monkey Blocks のバージョン】
    バージョン 24.0.4

    【お使いの Snow Monkey Editor のバージョン】
    バージョン 11.0.1

    【お使いのブラウザ】
    BRAVE

    【当該サイトのURL】

    ### 実現したいこと
    SnowMonkey formsの日付ブロックにて、カレンダーアイコンを押すとカレンダーがポップアップされますが、
    これをカレンダーアイコン含めた日付ボックス全体自体にカーソルを合わせて押すと、カレンダーアイコンがポップアップされるようにしたい。
    わざわざ特にスマホにて、年/月/日の数字を打ち込む人は少ないと思いますので。

    ### 発生している問題
    カレンダーアイコンだけを押さないと、カレンダーがポップアップされない。
    カレンダーアイコンが小さいので、非常にUI/UX的に押しにくい。

    ### 試したこと
    ChatGPTに該当部分のソースを貼り付けて、対話したが、CSSやJSではボックス全体をクリックorタップできるようにはできません、と言われた。
    カーソルをボックス全体に合わせたらWindows指マークだけを出す機能をお勧めされたが、それではあまり意味がない。

    機能改善にもつながれば良いなと考えております。
    細かい部分で恐縮ですが、CVRアップのため重要だと思います。
    お手数をおかけしますが、お返事お待ちしております。

    0
    Who liked: No user
    #145224
    アバター画像キタジマ タカシ
    参加者
    2586

    Snow Monkey Forms の日付ブロックは、HTML 標準の <input type="date" /> を使っています。

    MW WP Form のときは入力しやすいようにと、jQuery のライブラリなんかを使って独自の実装をしていたのですが、ライブラリはメンテナンスされなくなることもあるし、不具合があったときに自分では対応できなかったりして、メンテナンスがかなりストレスになっていたので、Snow Monkey Forms では絶対に標準のものを使うと決めて実装しました。

    そういう理由で、日付ブロックを標準以外のものに変えることは考えていません。日付ブロックを使わないのであれば、普通のテキストフィールドを入れて class を付与し、独自にカレンダー的なものを実装するとか、そういう感じで実装する形になるのかなと思います。

    0
    Who liked: No user
    #145230
    アバター画像mtmekj
    参加者
    8

    アドバイスいただき誠にありがとうございます。

    jQuery のライブラリの利用は推奨されないこと、承知いたしました。

    >普通のテキストフィールドを入れて class を付与し、独自にカレンダー的なものを実装する
    → 承知いたしました、こちらで実装してみます!

    ありがとうございました。

    0
    Who liked: No user
    #145233
    アバター画像キタジマ タカシ
    参加者
    2586

    jQuery のライブラリの利用は推奨されないこと、承知いたしました。

    「Snow Monkey(と関連プラグイン)における jQuery ライブラリの利用を推奨していない」ということではなくて、あくまで、僕が長期でメンテナンスをする必要があるプロダクトでは、僕は極力使いたくない、という意味です。念の為。

    0
    Who liked: No user
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「日付ブロック全体を押すと、カレンダーがポップアップされるようにしたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。