jQuery DatePicker制限日

Question

jquery datepickerの値を制限しようとしています。したがって、from dateはto dateを超えることはできず、その逆もありません。

デモhttps://jsfiddle.net/DTcHh/21594/

私はこれの複数のインスタンスを試みたが、それは仕事を得るように見えることはできません。私は英国の日付形式を使用しているからですか？

$(".datepicker").datepicker({ 
     dateFormat: 'dd-mm-yy' 
    }); 

    $('#from_date').datepicker({ 
     onSelect: function(dateStr) { 
      var min = $(this).datepicker('getDate') || new Date(); // Selected date or today if none 
      var max = new Date(min.getTime()); 
      max.setMonth(max.getDay() + 1); // Add one month 
      $('#to_date').datepicker('option', {minDate: min, maxDate: max}); 
     } 
    }); 
    $('#to_date').datepicker({ 
     onSelect: function(dateStr) { 
      var max = $(this).datepicker('getDate'); // Selected date or null if none 
      $('#from_date').datepicker('option', {maxDate: max}); 
     } 
    }); 

私はJavaScriptに慣れているので、私のコードがうまくいかない理由を正確に知りたいので、私はこれを知ることができます。

Answer 1

同じ要素の日付ピッカーを2回初期化することはできません。まず、そのクラスを持つ要素の日付ピッカーを呼び出しました。そのIDで。

日付形式を日付選択ツールのデフォルト機能に移動してください。

$.datepicker.setDefaults({ 
      dateFormat: 'dd-mm-yy' 
     }); 

また、日付ピッカー要素を初期化するたびにdateFormatを設定する必要があります。