サポート » プラグイン » 「MW WP Form」のdatepickerで任意の年月日のみ選択不可にしたい

  • 「MW WP Form」というプラグインで日付ピッカー(datepicker)を利用して任意の「月日」のみ選択不可したいのですがうまくいきません。

    すでに「任意の期間」を指定する為に
    avaScript を追加して、datepicker にオプションを追加する仕様ですが、ここにどのように追記するべきなのか手探りの状態です。

    ■記述例
    <script type=”text/javascript”>
    jQuery(function($) {
    $(“input[name=’preferre_date_first’]”).datepicker({//●第一希望日
    changeYear:false,
    yearSuffix:’\u5e74′,//年の日本語化
    monthNames:[‘1\u6708′,’2\u6708′,’3\u6708′,’4\u6708′,’5\u6708′,’6\u6708′,’7\u6708′,’8\u6708′,’9\u6708′,’10\u6708′,’11\u6708′,’12\u6708’],//月の日本語化
    showMonthAfterYear:true,//「年月」での表示
    dayNamesMin:[‘\u65e5′,’\u6708′,’\u706b’,’\u6c34′,’\u6728′,’\u91d1′,’\u571f’],//曜日
    dateFormat: ‘yy/mm/dd’,//表示形式
    minDate: new Date(2020,1-1,4),//表示期間(始)
    maxDate: new Date(2020,2-1,29),//表示期間(終)
    });
    });
    </script>

    どなたか
    なにかしらの参考になるモノを頂けましたら幸いです。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんにちは

    こちらのページが参考になると思います。
    https://qiita.com/mnrck07/items/f8d9b004f5505494e3ce

    ※ このフォーラムでコードを貼り付ける場合は、コードを選択し [code] ボタンをクリック(逆クォートで囲む)してください。
    詳細は、下記ページをご覧ください。
    https://wpdocs.osdn.jp/フォーラムへようこそ#.E3.82.B3.E3.83.BC.E3.83.89.E3.81.AE.E6.8A.95.E7.A8.BF

    こんな感じでしょうか。

    beforeShowDay: function(date) {
      var disableDates = [ "2020/01/10", "2020/01/12", "2020/01/14" ];
      var disableDate = $.datepicker.formatDate('yy/mm/dd', date);
      return [(disableDates.indexOf(disableDate) == -1)];
    }

    > ishitaka 様

    早々のご返信を頂いておりまして
    御礼のリプがおそくなり大変申し訳ございません、(少し寝込んでおりました)

    それと、本当にありがとうございます!
    大変恐縮です。

    頂いた参考ページと書いていただいたソースコードを参考にさせていただきます!

    遅ればせながらとなりますが
    重ねて御礼申し上げます。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。