2017-11-15 6 views
2

Ich habe begonnen, Material 2 in einem neuen Angular 5 Projekt zu verwenden. Mir ist aufgefallen, dass sich der Style des Datepicker-Toogle verändert zu haben scheint.Angular 5 Material 2: Datepickerstyle

Old Datepicker

Die alte funktioniert gut für mich. Es öffnet sich unter dem Icon

New Datepicker

Der neue beginnt an der Unterseite der gesamten Seite und nimmt die gesamte Breite.

Weiß jemand, ob dies ein materialbezogenes Problem ist? Ich habe es mit Chrome und dem neuen Firefox Quantum getestet. Es hat das gleiche Ergebnis. Gibt es eine Möglichkeit, den alten Datepicker zurück zu bekommen?

+0

Bitte überprüfen Sie: es funktioniert https://material.angular.io/components/datepicker/overview, muss Problem mit Ihrem CSS sein –

+0

Ich verwende kein Css auf dem Datepicker. Ich entleerte die CSS der Komponente und der Haupt-CSS. Es gibt keine CSS-Regel, die den Datepicker beeinflusst. – FunkRehkitz

+0

Okay, dann erstelle plunkr/jsfiddle für diesen –

Antwort

1

Es gibt kein Problem mit Datumsauswahl:

Hier ist der Link zu WORKING DEMO (Gebraucht neuestem Materialpaket)

Bitte überprüfen Sie Ihre CSS, muss mit Kalenderwerkzeug Stil in Konflikt.

+0

Danke, es war mein blöder Fehler;) Falsch geschriebener Buchstabe im CSS für den Theme-Import – FunkRehkitz

+1

@FunkRehkitz, passiert manchmal :), Froh, dass du es herausgefunden hast . –