DatePicker Seçilen değer otomatik olarak güncellenmiyor

Question

Aynı sayfada iki datepicker örneği ("#datepiicker1","#datepicker2") oluşturmuştum. #datepicker1'da seçilen değer, #datepicker2 için minDate değerine atandı. Çıktısında, #datepicker1 tarihinden tarih tıklatıldığında, #datepicker2 için otomatik olarak minDate değeri atanır. ancak tarihi ikinci kez #datepicker1 olarak seçtiğimde, seçili tarih minDate özelliğine atanır (bunu araçlar tarafından bulun), ancak otomatik olarak #datepicker2 olarak güncelleştirilmez. Bu sayfada herhangi bir yere tıkladıktan sonra minDate değeri #datepicker2'a uygulanır.

kodum bloğu:

 $(function() { 
      $('#datepicker1').datepicker({ width: '180px', change: "OnChange" }); 
      $('#datepicker2').datepicker({ width: '180px'}); 


     }) 

     function OnChange(args) { 

      $("#dateTime1").datepicker({ minDate: args.value }); 

     } 

nasıl bunu yapmak için?

$("#dateFrom").off("dp.change"); 
$("#dateFrom").on("dp.change", function(e) { 
     $("#dateTo").data("DateTimePicker").setMinDate(e.date); 
}); 

$("#dateTo").off("dp.change"); 
$("#dateTo").on("dp.change", function(e) { 
     $("#dateFrom").data("DateTimePicker").setMaxDate(e.date); 
}); 

JSFiddle kesinlikle tam sorgu yanıtlayan yardımcı olacaktır: bir tarih aralığı seçici açılan oluşturmak istiyorum görünüyor

Answer 1

, aşağıdaki jquery kodu deneyebilirsiniz. Teşekkürler.

Answer 2

$('#datepicker').datepicker({ 
 
    onSelect: function() { 
 
    $('#datepicker1').val(this.value); 
 
    } 
 
});

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
 
TextBox1 
 
<input type="text" id="datepicker" name="date" /><br> 
 
Textbox2 
 
<input type="text" id="datepicker1" name="date1" />