Question

我用于datepicker字段，一个用于开始日期，一个用于结束日期。我已经按照我的要求完成了所有工作，但是如果我没有默认日期，那么当我选择开始日期字段时，我很难自动更新结束日期字段。如果我有一个默认日期，它的工作正常，但在这种情况下我需要它是空白的。我已经在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>

由于

Answer 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

jQuery datepicker自动附加第一个字段输入的第二个字段

1 个答案: