Wie man Pikaday Datepicker immer sichtbar macht

8

Ich benutze Pikaday javascript datepicker .

Die Standardfunktionalität besteht darin, sie an einen Eingang anzuhängen, wodurch beim Klicken auf den Eingang der Datumszeiger geladen würde und seine Position relativ zur Eingabe wäre.

Ich möchte diese Bibliothek verwenden, um einen immer sichtbaren Kalender anzuzeigen. Ich habe mehrere Dinge ohne Erfolg versucht, wie z. B. das Anhängen an ein div. Ich möchte es immer zeigen lassen und seine Position kontrollieren können.

Irgendwelche Ideen?

    
oym 16.05.2014, 20:58
quelle

2 Antworten

9

Zuerst habe ich auch eine Hacky-Lösung implementiert, aber dann habe ich einen normalen Weg gefunden, um Pikaday-Datepicker immer sichtbar zu machen:

%Vor%

Mit dem Beispiel hier: Ссылка

    
Damjan Pavlica 16.08.2015 22:48
quelle
5

Falls das jemand anderem hilft:

Da die Pikaday-Bibliothek nicht wirklich dazu gedacht ist, auf diese Weise verwendet zu werden, musste ich eine Arbeit implementieren. Die gute Sache ist, dass es keine Änderung am Pikaday-Code selbst erfordert und daher vollständig mit zukünftigen Versionen kompatibel ist (vorausgesetzt, dass sie die Funktion "Verbergen" nicht umbenennen).

Zuerst füge ich einfach die Datumsauswahl an ein leeres div an und bewege es mit css, bis es an der richtigen Stelle ist:

%Vor%

Dann stelle ich einfach die Pikaday-Versteckfunktion um und setze sie vorübergehend auf einen Noop:

%Vor%

Jetzt kann ich die Datumsauswahl anzeigen und nicht befürchten, dass sie bei mir verschwindet (da intern die neue Funktion zum Verdecken der Nullstelle aufgerufen wird):

%Vor%

Schließlich, wenn ich bereit bin, die ursprüngliche Operation des Datepickers wiederherzustellen, setze ich die Funktion auf die ursprüngliche zurück und verstecke den datePicker (da ich ihn modal zeige):

%Vor%     
oym 17.05.2014 02:08
quelle