MWフォームで期間を選ぶ

fumidalat
(@fumidalat)

2年、 10ヶ月前

お世話になります

MWフォームで○○年○○月○○日〜○○年○○月○○日
ということを書いていただきたいのですが
下記のようにすると

2021年11月10日〜2021年1月１日

などのように未来の日付から過去の日付を書いてもエラーになりません

日付ピッカーでも、セレクトでもいいのですが、ありえない期間はエラーになる、ということはできるのでしょうか？

よろしくお願いします。
<div>
④ [mwform_select name=”乗船訓練時期4から：年” class=”w22 mb15″ children=”:西暦年,2021,2022,2023,2024,2025,2026,
” post_raw=”true”]
[mwform_select name=”乗船訓練時期4から：月” class=”w22 mb15″ children=”:月,1,2,3,4,5,6,7,8,9,10,11,12,
” post_raw=”true”]
[mwform_select name=”乗船訓練時期4から日” class=”w22 mb15″ children=”:日,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,
” post_raw=”true”] 〜<br />
[mwform_select name=”乗船訓練時期4まで：年” class=”w22″ children=”:西暦年,2021,2022,2023,2024,2025,2026,
” post_raw=”true”]
[mwform_select name=”乗船訓練時期4まで：月” class=”w22″ children=”:月,1,2,3,4,5,6,7,8,9,10,11,12,
” post_raw=”true”]
[mwform_select name=”乗船訓練時期4まで日” class=”w22″ children=”:日,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,
” post_raw=”true”]</div>
</div>

ヘルプの必要なページ: [リンクを見るにはログイン]

6件の返信を表示中 - 1 - 6件目 (全6件中)

shokun0803
(@shokun0803)

2年、 10ヶ月前

fumidalatさん、こんにちは。

以前にData pickerに関する似たような質問にJSでのサンプルコードが提示されていました。
挑戦されてみてはいかがでしょうか。

「MW WP Form」というプラグインで任意の期間を指定したい

「MW WP Form」のdatepickerで任意の年月日のみ選択不可にしたい

いずれにしてもJSのコード追加が必要でしょうか。

使用されているjQuery UI Datepicker？の期間を設定するスクリプトもあるようです。
jQuery UI Datepickerで3つのよく使う機能
こちらも参考になるかもしれません。
MW WP FormのDate pickerのショートコードの機能と、上記の終了日のコードの組み合わせでもなんとかなりそうな気がしますね。

ご参考になれば。
shokun0803
(@shokun0803)

2年、 10ヶ月前
ちょっと試してみました。
```
jQuery(function($){
var start = $("input[name='from']").datepicker({
    dateFormat: 'yy-mm-dd'
}).on("change", function () {
    $("input[name='to']").datepicker("option", "minDate", getDate(this));
});
function getDate(element) {
    var date;
    try {
        date = $.datepicker.parseDate('yy-mm-dd', element.value);
    } catch (error) {
        date = null;
    }
    return date;
}
});
```
上記で参考として貼った情報を組み合わせた感じです。
日付の形式が yy-mm-dd でないとエラーになるので、形式が違う場合はうまくパースしてください。

ご参考になれば。
トピック投稿者 fumidalat
(@fumidalat)

2年、 10ヶ月前

ありがとうございます。試してご報告します

トピック投稿者 fumidalat
(@fumidalat)

2年、 10ヶ月前

MW Formの中ではうまく動きませんでした。formの入力をテキストにしても日付ピッカーにしてもだめでした

shokun0803
(@shokun0803)

2年、 10ヶ月前

fumidalatさん、こんにちは。

ブラウザのデベロッパーツール等でConsoleに表示されるエラーを確認しながら実施しておりますか。
WordPress上でMW WP Formを有効化し、日付ピッカーを2つセット、固定ページにショートコードを配置して、直下にhtmlブロックを利用してJavaScriptを固定ページ内に直書きしてテストしています。

エラーコードをよく読んで、ご自身の構成にあったJavaScriptのコードに書き換えて試してみてください。

ご参考になれば。

トピック投稿者 fumidalat
(@fumidalat)

2年、 10ヶ月前

下記のようにしてみましたが、うまくいきません。Consoleにはエラー表示されていません。

いろいろ教えていただきましたが、ちょっと私の手には負えないようです。

[mwform_datepicker name=”from” size=”30″]
[mwform_datepicker name=”to” size=”30″]
<script>
jQuery(function(jQuery){
var start = jQuery(“input[name=’from’]”).datepicker({
dateFormat: ‘yy-mm-dd’
}).on(“change”, function () {
jQuery(“input[name=’to’]”).datepicker(“option”, “minDate”, getDate(this));
});
function getDate(element) {
var date;
try {
date = jQuery.datepicker.parseDate(‘yy-mm-dd’, element.value);
} catch (error) {
date = null;
}
return date;
}
});
</script>

6件の返信を表示中 - 1 - 6件目 (全6件中)

トピック「MWフォームで期間を選ぶ」には新たに返信することはできません。