2011-09-12 18 views
3

私は次のjqueryとjqueryuiを使って最初のdatepickerの値を取得し、2番目のdatepickerの最小値にしますが、チェーン化する必要がありますブラーイベントに#project_startが変更されると、変数が変更されることを確認します。私はちょうどそれを行う方法を理解することはできません。 .blurを最初のコードセクションの最後に追加すると、すべてが機能しなくなります。jQueryとjQueryuiを使用してdatePickerの最小日付を設定する

$("#project_start").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      appendText: '(yyyy-mm-dd)', 
      showAnim: 'fade' 
      }) 

var start = $("#project_start").val(); 

$("#project_end").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      minDate: start, 
      appendText: '(yyyy-mm-dd)', 
      showAnim: 'fade' 
      }); 

ぼかしイベントを追加するにはどうすればよいですか、または他のイベントリスナーを使用する必要がありますか?

答えて

5

私はあなたが#project_endで最小の日付を設定する#project_startからonSelectイベントを使用したいと思う:

$("#project_start").datepicker({ 
    dateFormat: 'yy-mm-dd', 
    appendText: '(yyyy-mm-dd)', 
    showAnim: 'fade', 
    onSelect: function(date) { 
     $('#project_end').datepicker(
      'option', 
      'minDate', 
      date 
     ); 
    } 
}); 

デモ:http://jsfiddle.net/ambiguous/9xxVk/1/

日付が「開始」日付ピッカーで選択され、 2番目のカレンダーのminDateオプションを選択した日付に設定します。

+1

呪われたあなた!私はちょうどまったく同じことで答えようとしていました! :-) –

関連する問題