サポート » プラグイン » MWフォームで期間を選ぶ

  • お世話になります

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

    2021年11月10日〜2021年1月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件中)
  • fumidalatさん、こんにちは。

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

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

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

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

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

    ご参考になれば。

    ちょっと試してみました。

    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)

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

    スレッド開始 fumidalat

    (@fumidalat)

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

    fumidalatさん、こんにちは。

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

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

    ご参考になれば。

    スレッド開始 fumidalat

    (@fumidalat)

    下記のようにしてみましたが、うまくいきません。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フォームで期間を選ぶ」には新たに返信することはできません。