2011-09-12 80 views
3

我使用下面的jQuery和jqueryui來獲取第一個datepicker的值,並使其成爲第二個最小值 - 但我認爲我需要鏈接它到模糊事件,以確保#project_start更改,變量更改。我只是無法弄清楚如何做到這一點。當我將.blur添加到第一個代碼段的末尾時,它全部停止工作。使用jQuery和jQueryui設置日期選擇器中的最小日期

$("#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

我想你想使用onSelect事件從#project_start上設置#project_end最小日期:

$("#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/

當選擇一個日期「開始」日期選擇器中,上面會將第二個日曆上的minDate選項設置爲所選日期。

+1

詛咒你!我正要用完全相同的東西來回答! :-) –

相關問題