jQuery-UI Kommissionierung ein start-und Enddatum innerhalb der Reichweite, basierend auf start-Datum
Baue ich eine Datumsauswahl in jQuery ui. Was ich versuche zu tun, ist, einer Reihe, so dass, wenn Sie wählen Sie das erste Datum das zweite Datum angezeigt, und bietet eine 30-Tage-Fenster. Ich versuchte dieses aber es hat nicht funktioniert (es ermöglicht dem Benutzer, wählen Sie 30 Tage ab heute, nicht 30 aus dem start-Datum):
var pickDate;
$( "#datepickerEnd" ).hide();
$( "#datepickerStart" ).datepicker();
$( "#datepickerStart" ).change(function(){
var pickDate = $( "#datepickerStart" ).val();
$( "#datepickerEnd" ).datepicker({ minDate: pickDate, maxDate: +30 });
$( "#datepickerEnd" ).show();
})
Einem anderen Problem, das ich gestoßen bin, ist, wenn ich datepickerStart es werden nur die start-Reihe einmal doch nicht jedes mal, wenn ich es ändern. Ich muss die Seite aktualisieren, zu sperren, ein neues start-Datum.
InformationsquelleAutor Matt Coady | 2013-06-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Überprüfen Sie das jsfiddle hier. Es ist ein Beispiel für dein problem.
HTML
JS
Als soderslatt bereits erwähnt verwenden die onSelect option, um die Daten einzustellen.
Andere Methoden, die ich benutzt habe sind:
Ich denke, Sie sind alle sehr selbsterklärend und die Dokumentation hilft zu verstehen, wie Sie funktionieren.
Wenn Sie möchten, um das Datum des zweiten datepicker zu dt1 Datum + 1 Tag das gleiche tun wie in dieser Zeile:
Aber natürlich hinzufügen 1 Tag und nicht 30.
Du bist willkommen 😉
InformationsquelleAutor SirDerpington
Versuchen Sie es mit dem ui-onSelect callback statt .ändern Sie(), http://api.jqueryui.com/datepicker/#option-onSelect
on init:
InformationsquelleAutor anderssonola
InformationsquelleAutor Saurabh