2011-12-14 8 views
1

私は日付ピックアップフィールドに、開始日付と終了日付の1つを使用しています。しかし、私が必要としているものはほとんどすべて稼働していますが、デフォルトの日付がない場合は開始日フィールドが選択されたときに終了日フィールドを自動的に更新するのに苦労しています。デフォルトの日付があれば正常ですが、この場合は空白にする必要があります。私はjsFiddleでコードをセットアップして、誰かがこの結果をどのように達成できるかを指摘できれば非常に感謝しています。ここでjQuery datepickerは自動的に最初のフィールド入力で2番目のフィールドを追加します

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> 

おかげ

+0

私はかなりそれはあなたが達成したい何であるかを理解していません。あなたはステップで何をしているのかを記述し、それらのステップの望ましい/現在の結果を述べることができますか? –

答えて

0
$(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

関連する問題