jQuery UI Datepicker Heute Link

8

Ich benutze den jQuery UI Datepicker für ein Projekt, aber brauche die today-Taste, um das Datum in das Textfeld einzugeben, wenn ein Benutzer darauf klickt. Standardmäßig wählt es nur das Datum aus, gibt es aber nicht in das Feld ein. Ich vermute, dass dies nur eine schnelle Mod meiner jQuery UI-Datei erfordert, aber was ändere ich? Danke.

Bearbeiten: Ich habe es versucht: Ссылка aber es funktioniert nicht!

    
Cameron 29.06.2010, 09:04
quelle

2 Antworten

18

Ich habe eine Lösung gefunden, die hier funktioniert: Ссылка . Verwenden Sie einfach dieses Snippet von jQuery (ich gebe es einfach mit meinem Datepicker-Init-Code ein):

%Vor%

Das einzige Problem, das ich hatte, war, dass der Fokus nach dem Klicken auf den "Heute" -Knopf in dem Eingabefeld bleiben würde, was bedeutet, dass man nicht mehr darauf klicken kann, um ein anderes Datum auszuwählen. Dies kann durch Nachstellen von blur ():

behoben werden %Vor%

Ich mochte auch nicht das Styling auf dem "Heute" -Button - vielleicht war es nur mein Thema oder so, aber der heutige Button war im Vergleich zum "Fertig" -Button irgendwie ausgegraut. Dies kann mit der folgenden CSS behoben werden (kann für verschiedene Themen variieren, ich bin mir nicht sicher):

%Vor%     
jackocnr 16.03.2011 12:28
quelle
6

Ich verstehe, dass dies eine späte Antwort ist, aber ich bin einfach auf dieses Problem gestoßen und die Lösung hat sich als ein Zauber erwiesen.

Das Problem des Schaltflächenstylings wird jedoch von jQuery ui-Klassen verursacht. Ich habe der Klickaktion der Datumstexteingabe den folgenden Code hinzugefügt:

%Vor%

Dies entfernt die falsche Klasse und fügt der Schaltfläche die richtige Klasse hinzu, so dass sie der Schaltfläche "Fertig" entspricht. Es sollte egal sein, welches Thema Sie verwenden. Der Vollständigkeit halber ist hier mein gesamter Code:

%Vor%

Fügen Sie einfach <input type="text" class="date" value="" /> hinzu und Sie können loslegen.

    
AvanOsch 05.02.2012 20:32
quelle

Tags und Links