jQuery datepicker 自动将第二个字段附加到第一个字段输入答案

【问题标题】：jQuery datepicker automatically append second field with first field inputjQuery datepicker 自动将第二个字段附加到第一个字段输入
【发布时间】：2011-12-14 16:00:25
【问题描述】：

我正在使用日期选择器字段，一个用于开始日期，一个用于结束日期。我几乎可以按照我的要求进行所有工作，但是如果我没有默认日期，则在选择开始日期字段时，我很难让结束日期字段自动更新。如果我有一个默认日期就可以了，但在这种情况下我需要它是空白的。我已经在 jsFiddle 上设置了代码，如果有人能指出我如何实现这个结果，我将不胜感激。

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>

谢谢

【问题讨论】：

我不太明白你想要达到什么目的。你能描述一下你在步骤中做了什么，然后说明这些步骤的期望/当前结果吗？

标签： jquery jquery-ui datepicker jquery-ui-datepicker

【解决方案1】：

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

【讨论】：