在启动日期选择器上的所有日期选择器的更改更改日期

我正在使用3日期选择器更改每个日期选择器我需要更改所有日期选择器。对于例如如果我在8月10日选择第一个日期选择器，则应该在所有日期选择器中将其更改为8月1日。如果我在第二日期选择器中更改8月10日，则应该在8月10日之前更改所有日期选择器。在启动日期选择器上的所有日期选择器的更改更改日期

这里是我的代码：

<input name="start" class="date_picker form-control" id='from_one' type="text" /> 
<input class="date_picker form-control" id='from_two' name="start" type="text" /> 
<input class="date_picker form-control" name="end" type="text" id='from_three'/> 

$('.date_picker').datepicker({ 
    setDate: new Date(), 
    format: 'dd/mm/yyyy', 
    todayHighlight: true, 
    autoclose: true, 
    startDate: '-0m', 
    minDate: 0, 
    onSelect: function(text, dt) {  
    var secondDate = new Date($(".date_picker").datepicker("getDate")); 
    var date2 = new Date(secondDate.getTime()); 
    date2.setDate(date2.getDate()); 
    $("#from_one").datepicker("setDate", date2); 
    $("#from_two").datepicker("setDate", date2); 
    $("#from_three").datepicker("setDate", date2); 
    } 
});

它的工作，但在第2日期选择器的变化需要1日期选取

这里的价值是我的演示fiddle

来源

2016-07-28 Coding Beginner

无法理解的，如果第一个日期选择器选择日期8月1日thene第2日期选择器日期会是什么？在前例中解释。 –

使用此选择函数进行更改：onSelect：function（text）{（“＃from_one”）。datepicker（“setDate”，text）; $（“＃from_two”）。datepicker（“setDate”，text）; $（“＃from_three”）。datepicker（“setDate”，text）; } – Qsprec

从我的理解你想完成，这应该适合你。

$('.date_picker').datepicker({ 
 
    setDate: new Date(), 
 
    format: 'dd/mm/yyyy', 
 
    todayHighlight: true, 
 
    autoclose: true, 
 
    startDate: '-0m', 
 
    minDate: 0, 
 
    onSelect: function(text, dt) { 
 
    var selectedPicker = this; 
 
    var datepickers = $(".date_picker"); 
 
    var secondDate = $(this).datepicker("getDate"); 
 
    var date2 = new Date(secondDate.getTime()); 
 
    date2.setDate(date2.getDate() + 1); 
 

 
    $.each(datepickers, function(index, value) { 
 
     if (value !== selectedPicker) { 
 
     $(value).datepicker("setDate", date2); 
 
     } 
 
    }) 
 
    } 
 
});

<link href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
 

 
<input name="start" class="date_picker form-control" id='from_one' data-date-format="dd/mm/yyyy" type="text" /> 
 
<input class="date_picker form-control" id='from_two' name="start" type="text" data-date-format="dd/mm/yyyy" /> 
 
<input class="date_picker form-control" name="end" type="text" id='from_three' />

来源

2016-07-28 13:58:58 NTL

这就是我期待的感谢 –

在启动日期选择器上的所有日期选择器的更改更改日期

回答

相关问题