JQuery DatePicker автоматически добавляет второе поле с первым полем ввода - PullRequest
Новая
       10

JQuery DatePicker автоматически добавляет второе поле с первым полем ввода

1 голос
/ 14 декабря 2011

Я использую поля для выбора даты, одно для даты начала и одно для даты окончания.У меня все работает почти так, как мне требуется, однако я изо всех сил стараюсь, чтобы поле «Дата окончания» обновлялось автоматически при выборе поля даты начала, если у меня нет даты по умолчанию.Это хорошо, если у меня есть дата по умолчанию, но мне нужно, чтобы она была пустой в этом случае.Я установил код на jsFiddle и был бы чрезвычайно признателен, если бы кто-то мог указать, как я могу достичь этого результата.1006 * 

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

Спасибо

1 Ответ

0 голосов
/ 28 ноября 2013 
$(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",
            });
        });
    });

Попробуйте это
скрипка

...