4 Stimmen

Erinnern des zuletzt ausgewählten Monats in jQuery UI datepicker über mehrere Felder

Ich habe eine Seite mit mehreren datepicker Textfelder mit dem Standard jQuery UI. Ich möchte die Standard-Datumsauswahl Datum auf den letzten ausgewählten Tag oder Monat für alle leeren Felder festlegen, so dass der Benutzer nicht manuell den Monat für jede Datumsauswahl ändern müssen sie auswählen.

Ich habe versucht, den Datumswert in einer Variablen über die onSelect-Funktion des datepicker zu speichern, aber bin unsicher, wie die defaultDate-Eigenschaft zu binden, so dass es alle datepickers mit was auch immer das letzte ausgewählte Datum war aktualisiert.

Nachstehend finden Sie den grundlegenden Code. Wenn ein Benutzer eines der Datums-Textfelder auf den 20.10.2011 einstellt, sollte beim Öffnen einer anderen Datumsauswahl über eines der leeren Textfelder die Datumsauswahl standardmäßig den Monat Oktober anzeigen (nicht das aktuelle Datum).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/blitzer/jquery-ui.css" />

    <script type="text/javascript">
        $(document).ready(function() {

            $(".datepicker").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
    </script>
</head>

<body>

    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" />

</body>

</html>

3voto

Andrew Whitaker Punkte 121642

Wie wäre es damit:

$(".datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText, inst) {
        $(".datepicker").datepicker("option", "defaultDate", dateText);
    }
});

Die Verwendung des defaultDate Option und die Option onSelect Veranstaltung.

Hier ein praktisches Beispiel: http://jsfiddle.net/MXHdj/

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X