2016-07-19 79 views
0

我有一個datepickers的列表,我需要根據第一個日期選擇器的選擇來設置值,如果我們選擇第一個日期選擇器中的值,則應該將相同的值傳遞給所有其他日期選擇器如何設置jQuery中的datepicker的值

<input name="start" id='from' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 
<input name="start" id='to' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 
<input name="start" id='return' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 
<input name="start" id='depart' class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 

這裏是我的jQuery

$('input.date-pick, .input-daterange input[name="start"]').datepicker().on('changeDate', function (ev) { 

    var date2 = $('.date-pick').datepicker('getDate', '+1d'); 
    //alert (date2); 
    date2.setDate(date2.getDate()+1); 
    $('input.date-pick).datepicker('setDate', date2); 
}); 

但它不是working.Please的幫助提前

解決這個

謝謝

+0

請更改日期2日3日4在小提琴日期1日期1日期1。 – Ranjan

+0

類似這樣的:https://jsfiddle.net/jt2jq7uz/ – Hackerman

回答

0
$(function() { 
$("#datepicker1, #datepicker2, #datepicker3, #datepicker4").datepicker(); 
$("#datepicker1").datepicker("option", "onSelect", function (dateText, inst) { 
    var date1 = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings); 

    var date2 = new Date(date1.getTime()); 
    date2.setDate(date2.getDate() + 1); 
    $("#datepicker2").datepicker("setDate", date1); 

    var date3 = new Date(date1.getTime()); 
    date3.setDate(date3.getDate() + 2); 
    $("#datepicker3").datepicker("setDate", date1); 

    var date4 = new Date(date1.getTime()); 
    date4.setDate(date4.getDate() + 3); 
    $("#datepicker4").datepicker("setDate", date1); 
}); 
}); 

Link Here.

相關問題