Materialize datepicker SelectOnClose funktioniert nicht

7

Ich versuche, mit Materialise einen Datepicker zu erstellen. Laut der Dokumentation sollte der Datepicker geschlossen werden, wenn der Benutzer ein Datum auswählt.

Das funktioniert nicht auf meiner Seite. Ich verwende den neuesten Chrome-Browser unter Windows. Ich habe den IE-Browser ausprobiert, aber da wird nicht der ganze Datapicker angezeigt ...

Klicken Sie hier für meine Seite (Eingabe 3 und 4 sind Datumsangaben)

Mein Javascript:

%Vor%

Kann jemand mir helfen, diese Datumspicker zu reparieren?

    
Ilona 05.04.2015, 21:06
quelle

6 Antworten

18

Bitte fügen Sie Ihrem Code einige Zeilen hinzu.

%Vor%     
Kenath 13.01.2016 14:50
quelle
3
%Vor%     
Jayakumar Bellie 17.12.2015 15:02
quelle
2

Bessere Lösung: Verwenden Sie if ( 'select' in arg ) condition, damit der Datumsauswahldialog beim Auswählen von Monat oder Jahr nicht angezeigt wird.

%Vor%     
Imran Saleem 25.08.2016 11:09
quelle
1

Der Entwickler von materialize dachte, dass er mit der Datumsauswahl von Google übereinstimmen würde, wenn er sich nicht entsprechend diesem Problem schließt:

Ссылка

Sie können jedoch den Quellcode von materialize ändern, wenn es Ihnen nichts ausmacht, wie folgt:

Ссылка

    
Daniel Qiu 07.05.2015 12:08
quelle
1

Ich hatte das gleiche Problem und habe es so gelöst:

%Vor% %Vor%

Die Funktion onSet: (wird aufgerufen, wenn ein Datum eingestellt ist) stellt sicher, dass Datum, Monat und Jahr eingegeben werden, und schließt nur, wenn das Datum eingestellt ist.

Die onOpen: -Funktion (aufgerufen, wenn der Datepicker geöffnet wird) löscht die Eingabe, wenn der Datepicker wieder geöffnet wird, nützlich für den Fall, dass der Benutzer das falsche Datum eingibt. Ohne diese Funktion kann der Datepicker nicht durch verschiedene Monate, Jahre ohne navigieren Schließen ..

Hoffe das löst dein Problem.

    
Adittya G 03.06.2015 21:20
quelle
0

Wenn "closeOnSelect: true" nicht funktioniert, können Sie click-Ereignis der Schließen-Schaltfläche

aufrufen

HTML-Code für das Eingabeelement:

%Vor%

Js-Code für das Element:

%Vor%

Hoffe, das wird dein Problem lösen.

    
Rupesh babu Shrestha 11.09.2016 12:27
quelle