Выбор даты Jquery: выберите одну дату, автоматически обновите второе поле

Question

Я использую плагин jQuery Date Picker от Kelvin Luck (http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/), и мне нужно сделать следующее, может быть, кто-нибудь может мне помочь:

На моем веб-сайте для страхования путешествийдва поля даты, одно для даты начала и одно для даты окончания.Также есть третье поле (выбор), в котором выбираются планы, каждый из которых имеет разное покрытие, в течение нескольких дней.Идея заключается в том, что если вы выберете план, например, на 15 дней и начальную дату X, второе поле даты будет магически заполнено датой X + 15 дней.

Вещимои знания JavaScript не то, что вы бы назвали продвинутым.

Кто-нибудь имеет опыт работы с плагином или, по крайней мере, может дать мне несколько советов?

Большое спасибо.

Answer 1

Может быть, это может помочь

---

$(document).ready(function(){    
    $("#date2").datepicker();  
    $("#date1").datepicker({  
        onSelect: function(){  
            var fecha = $(this).datepicker('getDate');  
            $("#date2").datepicker("setDate", new Date(fecha.getTime()));  
            $("#date2").datepicker("setDate", "+15d");  
        }  
    });  
});  

Я думаю, это то, что вам нужно

Answer 2

Я модифицировал один из образцов. как то так:

$(function()
{
    $('#start-date').bind(
        'dpClosed',
        function(e, selectedDates)
        {
            var d = selectedDates[0];
            if (d) {
                d = new Date(d);
                var timeframe = $('.plan-length').val();
                $('#end-date').dpSetStartDate(d.addDays(timeframe).asString());
                $('#end-date').dpSetEndDate( d.addDays(timeframe + 1).asString());
            }
        }
    );      
});

, где #start-date - ввод даты начала, .plan-length - селектор, который будет возвращать количество дней, которое будет добавлен план (очевидно, я не знаю вашу реализацию, так что это наверняка придется изменить). #end-date - ввод даты окончания.

РЕДАКТИРОВАТЬ: Я также настоятельно рекомендую вам посмотреть плагин jquery UI DatePicker, так как он гораздо более гибкий и IMO проще в использовании.

РЕДАКТИРОВАТЬ 2: Вы можете установить дату начала и окончания, так что это только один выбор. Я добавил еще одну строку в код выше.

Answer 3

http://jqueryui.com/demos/datepicker/ onSelect может быть тем, что вы ищете, когда вы выбираете первую дату, вы можете добавить к ней 15 дней и заполнить второе поле

Используемый вами DatePicker является старой версией, я думаю, вы должны посмотреть jquery datepicker по ссылке выше