MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
【WordPress】MW WP Formの日付(datepicker)の設定値メモ

【WordPress】MW WP Formの日付(datepicker)の設定値メモ

公開日:2019年07月22日
最終更新日:2019年07月22日
オンスタ運営
ホーム > スニペット > 【WordPress】MW WP Formの日付(datepicker)の設定値メモ

Warning: Undefined variable $_cat_enginieer_flag in /home/growgroup/online-study.jp/public_html/wp-content/themes/online-study-wp/views/object/components/related-posts-inline.php on line 37
このエントリーをはてなブックマークに追加
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。
MW WP FORMのフォーム要素に「日付選択」という要素があります。 以下のように指定するのですが、設定値によっては、様々な指定ができるのでご紹介していきます。
[mwform_datepicker name="c_date"]

今日以降の日付を選択させる

"minDate": 0 と指定することで本日以降の日付を選択可能に指定できます。
[mwform_datepicker name="c_date" js='minDate: 0']

今日以降〜特定日付までを選択させる

"maxDate": new Date( 年, 月, 日 ) と指定することで選択可能な最終日を指定できます。
[mwform_datepicker name="c_date" js='minDate: 0,maxDate: new Date( 2020, 9, 18 )']

カレンダーの月年【6月2019年】と表示される部分を年月【2019年6月】と表示させる

showMonthAfterYear: true と指定することで、年月の順序を変更可能です。
[mwform_datepicker name="c_date" js='showMonthAfterYear: true']
その他にも随時追加していきますね。
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。