2016-04-05 10 views
0

ich hatte, schaffte zwei picker Probe ("#datepiicker1","#datepicker2") in einem gleichen page.The Wert ausgewählt in #datepicker1 zu minDate Wert für #datepicker2 zugeordnet ist. In der Ausgabe, wenn ich klicke das Datum von #datepicker1 wird automatisch als minDate Wert für #datepicker2 zugewiesen. aber wenn ich das Datum in #datepicker1 zweites Mal auswähle, wird das ausgewählte Datum der minDate Eigenschaft zugewiesen (finde es durch Entwicklungswerkzeuge), aber es wird nicht zu #datepicker2 automatisch aktualisiert. Nachdem ich irgendwo auf diese Seite geklickt habe, wird der minDate Wert auf #datepicker2 angewendet.Datepicker gewählter Wert nicht automatisch aktualisiert wird

mein Codeblock:

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


     }) 

     function OnChange(args) { 

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

     } 

Wie dies zu tun?

+1

Pls hinzufügen Geige für Ihre Anfrage – user2947

+1

hilfreich sein würde, eine jsfiddle mit dem HTML-Markup zu schreiben. Außerdem: Ist die Verwendung von # dateTime1 und # datepicker1 absichtlich oder die Wurzel des Problems? –

+1

Das ist überhaupt nicht klar, und jQuery's datepicker ** hat keine ** 'width' oder' change' Einstellungen? – adeneo

Antwort

0

Es scheint, Sie wollen einen Datumsbereich Picker Combo erstellen, können Sie die folgende jQuery-Code versuchen:

$("#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 sicherlich hilfreich wäre Ihre genaue Abfrage zu beantworten. Vielen Dank.

0

$('#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" />

Verwandte Themen