MENU

MW WP Formの日付フィールドの入力できる日を制限する

MW WP Formで日付を入力すると ui.datepicker.jsで日付の選択ウインドウが表示されます。

[mwform_datepicker name="date01" id="date01" class="date01" js="minDate: 3, maxDate: 9" size="30"]

選択出来る日を最小今日から3日後から9日後までに設定

f:id:jinkosky2009:20220129211826p:plain

日付の指定には、ui.datepicker.jsのオプション属性で使える指定をショートコードでも使う事ができます。

https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-2365858594748606&output=html&h=200&slotname=8336985018&adk=471332473&adf=2811761816&pi=t.ma~as.8336985018&w=800&abgtt=9&fwrn=4&lmt=1731420546&rafmt=11&format=800×200&url=https%3A%2F%2Fwordpress-jdex.hatenablog.com%2Fentry%2F2022%2F01%2F29%2F212848&wgl=1&uach=WyJtYWNPUyIsIjE1LjAuMSIsImFybSIsIiIsIjEzMC4wLjY3MjMuMTE3IixudWxsLDAsbnVsbCwiNjQiLFtbIkNocm9taXVtIiwiMTMwLjAuNjcyMy4xMTciXSxbIkdvb2dsZSBDaHJvbWUiLCIxMzAuMC42NzIzLjExNyJdLFsiTm90P0FfQnJhbmQiLCI5OS4wLjAuMCJdXSwwXQ..&dt=1731420546187&bpp=1&bdt=374&idt=160&shv=r20241107&mjsv=m202410310101&ptt=9&saldr=aa&abxe=1&cookie_enabled=1&eoidce=1&correlator=948201671354&frm=20&pv=2&rplot=4&u_tz=540&u_his=4&u_h=2160&u_w=5120&u_ah=2135&u_aw=5120&u_cd=24&u_sd=1&dmc=8&adx=791&ady=1462&biw=2381&bih=1848&scr_x=0&scr_y=0&eid=44759876%2C44759927%2C95343682%2C95344190%2C95346759%2C95345967&oid=2&pvsid=1492465106031924&tmod=1647965357&uas=0&nvt=1&ref=https%3A%2F%2Fwww.google.com%2F&fc=896&brdim=2631%2C135%2C2631%2C135%2C5120%2C25%2C2396%2C1969%2C2396%2C1848&vis=1&rsz=o%7Co%7CeE%7C&abl=NS&pfx=0&fu=128&bc=31&bz=1&td=1&tdf=2&psd=W251bGwsbnVsbCxudWxsLDNd&nt=1&ifi=1&uci=a!1&fsb=1&dtd=168

[mwform_datepicker name="date01" id="date01" class="date01" js="minDate: 3, maxDate: +2w" size="30"]

選択出来る日を最小今日から3日後から2週間後までに設定

f:id:jinkosky2009:20220129212157p:plain
あわせて読みたい
[mwform_datepicker name="date01" id="date01" class="date01" js="minDate: 3, maxDate: +2m" size="30"]

選択出来る日を最小今日から3日後から2ヶ月後までに設定

f:id:jinkosky2009:20220129212435p:plain
目次