Set Denk in bootstrap datepicker

Question

Ich habe 2 date picker bei Änderung der 1. date picker ich muss ausgewähltes Datum als mindate Wert der 2. date picker. Hier ist meine coe für die

<input type="text" size="30" class="date_picker_from form-control valid" id="start" value="" name="start" aria-invalid="false"> 

<input type="text" size="30" class="date_picker_to form-control valid" id="end" value="" name="end" aria-invalid="false"> 


$('.date_picker_from').datepicker({ 
    setDate: new Date(), 
    format: 'dd/mm/yyyy', 
    todayHighlight: true, 
    autoclose:true, 
    startDate: '-0m', 
    minDate:0, 

}); 

$('.date_picker_to').datepicker({ 
    //setDate: new Date(), 
    format: 'dd/mm/yyyy', 
    todayHighlight: true, 
    autoclose:true, 
    startDate: '+1d', 
    minDate:0, 

}); 

$("#start").change(function() { 


var secondDate = new Date($("#start").datepicker("getDate")); 

var date2 = new Date(secondDate.getTime()); 


date2.setDate(date2.getDate() + 1); 
    $("#end").datepicker("setDate", date2); 
    $("#end").datepicker("minDate", date2); 
    $('#end').datepicker("option", "minDate", date2); 


}); 

Hier wird die jsfiddle Link

Answer 1

Verwenden Sie die onSelect Rückrufoption

$('.date_picker_hotel_from').datepicker({ 
 
    setDate: new Date(), 
 
    format: 'dd/mm/yyyy', 
 
    todayHighlight: true, 
 
    autoclose: true, 
 
    startDate: '-0m', 
 
    minDate: 0, 
 
    onSelect: function(text, dt) { 
 
    $('#end').datepicker('option', 'minDate', text); 
 
    } 
 
}); 
 

 
$('.date_picker_hotel_to').datepicker({ 
 
    //setDate: new Date(), 
 
    format: 'dd/mm/yyyy', 
 
    todayHighlight: true, 
 
    autoclose: true, 
 
    startDate: '+1d', 
 
    minDate: 0, 
 

 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> 
 
<link href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" rel="stylesheet" /> 
 
<input type="text" size="30" class="date_picker_hotel_from form-control valid" id="start" value="" name="start" aria-invalid="false"> 
 

 
<input type="text" size="30" class="date_picker_hotel_to form-control valid" id="end" value="" name="end" aria-invalid="false">

Answer 2

Dies ist nur, was Sie für Set tun müssen mindate.This ist die Art, Denkweise mit Datepicker zu setzen.

$("#start").change(function() {  
    $(".date_picker_hotel_to").datepicker("option", "minDate", $("#start").val()); 
});