- このトピックには6件の返信、3人の参加者があり、最後に
により2年、 2ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】17.2.4
【お使いの Snow Monkey Blocks のバージョン】16.0,6
【お使いの Snow Monkey Editor のバージョン】8.0.2
【お使いの Snow Monkey Forms のバージョン】4.0.1
【お使いのブラウザ】firefox
【当該サイトのURL】ローカル### 実現したいこと
題名の通り、日付をプルダウンで選択できるようにしたいです。
【プルダウン】月【プルダウン】日
月と日をそれぞれ並列にして、プルダウンメニューで選択できるようにしたいです。
イメージとしては下記の日付選択のような形です。
### 発生している問題
### 試したこと
カラムなどいれてみたが、selectが選択できなかった。
よろしくお願いします。
いいねをした人: 居ませんSnow Monkey Formsには【select】ブロックがあると思いますので、そちらを2つ設置してみてください。
追加したクラス名（date_form）を利用して、セレクトボックスの横並び、その後ろに「月、日」を表示するように以下を追加します。.date_form .smf-item__controls { display: flex; align-items: center; } .date_form .smf-item__controls .smf-placeholder { margin: 0; } .date_form .smf-placeholder:first-child:after { content: "月"; padding: 0 0.5em; margin-right: 1.5em; } .date_form .smf-placeholder:last-child:after { content: "日"; padding: 0 0.5em; }
これで作成したフォームが以下です。
ちなみにデモの日付選択のデイトピッカーの実装方法は以下で解説されていますのでご参考にどうぞ。いいねをした人:
ちょっとまだどういった形で実現できるのかはわかりませんが、基本機能として横並びはできたほうが良いですよね…。とりあえずは CSS で対応いただくのが良いと思いますが、ちょっと考えてみます。
いいねをした人:ありがとうございます！
プルダウンの横並びができました。
キタジマ様
できれば対応いただけると嬉しいです。
贅沢を言うならばデイトピッカーもできるととても嬉しいです。
よろしくお願いします。
いいねをした人: 居ません贅沢を言うならばデイトピッカーもできるととても嬉しいです。
MW WP Form には日付ピッカー・年月ピッカーを用意していたのですが、メンテナンスが結構大変だったので、Snow Monkey Forms では JS を使った日付ピッカーは実装しない方針です。
input[type="date"]が実用的になればそれは実装したいなと考えています。いいねをした人: 居ません
- トピック「snow monkey formsにプルダウンメニューで日付を選択できるようにしたい。」には新しい返信をつけることはできません。