2012-05-31 30 views
1

我有兩個ui日期選擇器日曆。如何在ui-datepicer中選擇一個日期作爲在其他ui-date選擇器上的響應時間

當我選擇從第一UI-日期選擇器日期,那麼第二個將顯示爲選定

第一日期+ 2即我從第一個日曆中選擇07/02/2012那麼第二caladar 07/04/2012爲選擇

已見我的代碼

$(function(){ 
       // Datepicker 
       $('#datepicker_In').datepicker({ 
        inline: true, 
        minDate: 0 
       }); 
       $('#datepicker_Out').datepicker({ 
        inline: true, 
        minDate: 0 
       }); 

       //hover states on the static widgets 
       $('#dialog_link, ul#icons li').hover(
        function() { $(this).addClass('ui-state-hover'); }, 
        function() { $(this).removeClass('ui-state-hover'); } 
       ); 

      }); 

請重播

我已經嘗試了很多,但不..........

非常感謝

我需要顯示未來2天不會在下月請重播

回答

0

這假設你的日期格式是MM/dd/yyyy格式。您可以掛入datepicker_In更改事件,並讀取所選值,將該值增加2個月(按要求),然後將datepicker_Out值設置爲增加的日期。

$('#datepicker_In').change(function() { 
    var currentDate = $("#datepicker_In").val(); 

    var newDate = new Date(currentDate); 
    var cDate = (newDate.getMonth() + 2) + "/" + newDate.getDate() + "/" + newDate.getFullYear(); 


    $('#datepicker_Out').val(cDate); 
}); 
+0

我的格式爲MM // DD/YY – user1263260

+0

@ user1263260編輯我的職位 –

+0

很多很多的感謝,但由於的minDate的MM/DD/YYYY:0它不工作,我需要設置的minDate(可移動的前一天),也是如此。請回復 – user1263260

相關問題