jQuery UI: datepicker - Wie fügt man den Button (Bild!) rechts oben hinzu?
6 Antworten
Sie können den Link in das Markup einfügen und nach Belieben formatieren. Fügen Sie dazu einen onclick-Handler hinzu, der .datepicker( "hide" ) aufruft, ein eingebaute Methode von Datepicker:
Um Platz für die Schließen-Schaltfläche zu schaffen, müssen Sie diese Stile möglicherweise anpassen, um die Schaltfläche "Nächster Monat" nach links zu verschieben und Platz für die Schaltfläche "Schließen" zu schaffen:
%Vor%Hinweis: Ich habe den obigen JS-Code von diesem Proof of Concept genommen habe es entsprechend angepasst. Hat es aber nicht getestet.
Ich habe diesen Fehler immer erhalten:
%Vor%via firebug mit der @ dalbaeb-Lösung. Es war richtig, aber ich musste es ein wenig zwicken, um es zum Schließen des Datepicker zu bringen.
So habe ich es optimiert und es hat für mich funktioniert:
%Vor%Ich habe gerade ersetzt:
%Vor%Damit:
%Vor%... und es schließt jetzt den Datepicker! Hoffe es hilft!
Ich habe das getan, indem ich die Done Taste gestylt habe
Aktivieren Sie zuerst die Option showButtonPanel und ändern Sie dann den Text:
Verstecken Sie dann die Today -Schaltfläche und stylen Sie die Schließen-Schaltfläche:
Ich habe die Schaltfläche nach oben verschoben und dann den Rest in CSS erledigt.
%Vor%Tags und Links jquery jquery-ui datepicker