2016-05-22 1 views
1

中の「日に」以前のすべての日付を無効にする方法を選択し、「から-日付」私は2つのフィールドで日付の範囲を持って

<input type='text' id='from-date' name='from-date'> 
<input type='text' id='end-date' name='end-date'> 
  1. 私はfrom-内のすべての以前の日付を無効にする必要があります現在の日付より前の日付です(これは正常に行われています)。
  2. from-dateを選択した後、from-dateから以前の日付までのすべての以前の日付を無効にする必要があります(これに関する問題が直面しています)。

次のdatepicker jqueryコードを試しましたが、何か不足しています。私を修正してください。

$("#start-date").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd'}) 

    .on("input change", function (e) { 

    $("#end-date").datepicker({ minDate: e.target.value, dateFormat: 'yy-mm-dd'}); 
}); 

アップデート:まだ試みている人のために、ここでは修正

Imがある。ここ

$("#start-date").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd', 
    onSelect: function(obj, event){ 
     var from_date = $("#start-date").datepicker("getDate"); 
     $("#end-date").datepicker("option","minDate",from_date); 
    } 
    }); 
$("#end-date").datepicker({ dateFormat: 'yy-mm-dd'}); 

答えて

0

上記の条件を満たすように、コードの下に使用しての修正です上記の質問:

$("#start-date").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd', 
    onSelect: function(obj, event){ 
     var from_date = $("#start-date").datepicker("getDate"); 
     $("#end-date").datepicker("option","minDate",from_date); 
    } 
    }); 
$("#end-date").datepicker({ dateFormat: 'yy-mm-dd'}); 

minDateに直接日付形式を与える代わりに、この関数を使用して選択した日付を取得する必要があります。$("#start-date").datepicker("getDate");

関連する問題