Bootstrap datepicker change minDate/startDate başka bir tarihçiden alıntı

Question

Sayfamda iki tane randevu var ve ikisi de önyükleme yapıyor. Durum, Bitiş Tarihi ile ilgili olarak yalnızca Başlama tarihi asla Yüksek değil. Son Tarih Tarihi (MinDate), Tarih Tarihine göre değişiklik tarihi ve Bitiş Tarihi Değiştiğinde aynı olduğunda, Başlangıç ​​Tarihi tarihçisinin takvimin minüğün Bitiş Tarihi Değerine göre değişmesi gerekir.

Sana bir jsfiddle istediğini yapıyor yapmış sorunumu

$(document).ready(function(){ 
 
    
 
     $("#startdate").datepicker({ 
 
     
 
     todayBtn: 1, 
 
     autoclose: true, 
 
     
 
     
 
     }).on('changeDate', function (selected) { 
 
     var minDate = new Date(selected.date.valueOf()); 
 
     $('#enddate').datetimepicker('setStartDate', minDate); 
 
    }); 
 
    
 
     $("#enddate").datepicker(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> 
 

 

 

 
<input type="text" placehoder="Start Date" id="startdate"/> 
 
<input type="text" placehoder="End Date" id="enddate"/>

Answer 1

anlamak umuyoruz. Pqdong, bitiş tarihini belirlerken tarihçinin yerine datetimepicker çağırdığını söyledi.

$(document).ready(function(){ 

    $("#startdate").datepicker({ 
     todayBtn: 1, 
     autoclose: true, 
    }).on('changeDate', function (selected) { 
     var minDate = new Date(selected.date.valueOf()); 
     $('#enddate').datepicker('setStartDate', minDate); 
    }); 

    $("#enddate").datepicker() 
     .on('changeDate', function (selected) { 
      var maxDate = new Date(selected.date.valueOf()); 
      $('#startdate').datepicker('setEndDate', maxDate); 
     }); 

}); 

Answer 2

Yeterince itibar Razzildinho mükemmel yanıta tocomment yok, ancak seçilen gün vurgulamak için olan kullanıcılara yardımcı olacak küçük bir ek sunmak istediniz: Burada

çalışma javascript ikinci tarihçide.

$('#enddate').datepicker('setDate', minDate); 

Yani bağlamda bu gibi görünecektir:: Bu satır ekleyerek yapabilirsiniz

$(document).ready(function(){ 

$("#startdate").datepicker({ 
    todayBtn: 1, 
    autoclose: true, 
}).on('changeDate', function (selected) { 
    var minDate = new Date(selected.date.valueOf()); 
    $('#enddate').datepicker('setStartDate', minDate); 
    $('#enddate').datepicker('setDate', minDate); // <--THIS IS THE LINE ADDED 
}); 

$("#enddate").datepicker() 
    .on('changeDate', function (selected) { 
     var maxDate = new Date(selected.date.valueOf()); 
     $('#startdate').datepicker('setEndDate', maxDate); 
    }); 

});