jQuery datepicker自動附加第一個字段輸入的第二個字段

我正在使用datepicker字段，一個用於開始日期，一個用於結束日期。我有一切幾乎工作，因爲我需要但是我很努力讓結束日期字段自動更新時，如果我沒有默認日期選擇開始日期字段。如果我有一個默認日期，但是在這種情況下，我需要它是空白的，這很好。我已經在jsFiddle上設置了代碼，如果有人能指出我可以如何實現這個結果，我將非常感激。jQuery datepicker自動附加第一個字段輸入的第二個字段

http://jsfiddle.net/clj83/7TvKr/

這裏是下面這幾乎是工作的代碼。

$(function(){ 
var dates = $('#cntnt01cd_fax, #cntnt01cd_telephone').datepicker({ 
    dateFormat: 'yy/mm/dd', changeMonth: false, changeYear: false, numberOfMonths: 3, showOtherMonths: true, selectOtherMonths: true, 
    onSelect: function(selectedDate) { 
     var option = this.id == 'cntnt01cd_fax' ? 'minDate' : 'maxDate'; 
     var instance = $(this).data('datepicker'); 
     var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); 
     dates.not(this).datepicker('option', option, date); 
    } 
}); 
}); 

<div class="form_title"> 
Start Date 
</div> 
<div class="datepicker"> 
<input type="text" class="cntnt01cd_fax" name="cntnt01cd_fax" id="cntnt01cd_fax" value="" size="30" maxlength="255" /> 
</div> 

<div class="form_title"> 
End Date 
</div> 
<div class="datepicker"> 
<input type="text" class="cntnt01cd_telephone" name="cntnt01cd_telephone"  id="cntnt01cd_telephone" value="" size="30" maxlength="255" /> 
</div>

感謝

來源

2011-12-14 user1098178

我不太明白什麼是你想要實現的。你能描述你在步驟中做了什麼，然後說明這些步驟的期望/當前結果？ – 2012-01-03 18:01:58

$(document).ready(function(){  
     $(function() { 
      $("#v_map_1").datepicker({ 
      defaultDate: "-d", 
      changeMonth: true, 
      dateFormat:"dd-mm-yy", 
      onClose: function(selectedDate) { 
        var d=selectedDate.split("-"); 
        var da=d[0]; 
        var mo=d[1]; 
        var yr=parseInt(d[2])+1; 
        var nd=da+"-"+mo+"-"+yr; 
        $("#v_map_2").datepicker("setDate", nd); 
       } 
      }); 
      $("#v_map_2").datepicker({ 
      changeMonth: true, 
      dateFormat:"dd-mm-yy", 
      }); 
     }); 
    });

試試這個
fiddle

來源

2013-11-28 07:05:02

jQuery datepicker自動附加第一個字段輸入的第二個字段

回答

相關問題