2017-11-01 7 views
0

Ich versuche, ein Datepicker in meine eckige 4-App einfügen, aber ich habe einige Schwierigkeiten konfrontiert.Angular 4 Datepicker Styling

So habe ich versucht, diese kekeh/mydaterangepicker aber ich brauche diesen Entwurf haben:

enter image description here

Ich habe versucht, die CSS des Plugins in meinem CSS zu ändern, aber ohne wirklichen Erfolg. Ich konnte nicht die Farbe des ersten ausgewählten Knotens und des zuletzt ausgewählten Knotens ändern, um meinem Entwurf zu folgen.

Mein Istzustand:

enter image description here

Wenn jemand kann mir helfen.

Ich kann auch von Grund auf neu starten, aber ich weiß nicht, wie man einen Datepicker in Winkel richtig erstellt.

+0

Um mehr Leute zu bekommen, die Ihnen bei dieser Art von Frage helfen können, benutzen Sie copepen/jsfiddle, um Ihr Problem nachzubilden! –

+0

Ich würde vorschlagen, Kendo UI für Angular datepicker. Sie bieten eine Menge Möglichkeiten zur Anpassung. https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/#toc-calendar-templates –

Antwort

0

Die Stile der Komponente können durch Überschreiben der vorhandenen Stile geändert werden.

Lesen Sie documentation und folgen Sie den Anweisungen. Die Bibliotheksdokumentation bietet Ihnen auch Beispiele.

Auch Sie möchten vielleicht Angular material datepicker verwenden Es ist sehr praktisch, damit zu arbeiten, und es hat viele andere nützliche Komponenten.

+0

Thx Sie diese Anleitung mich zu diesem https://ipiz.herokuapp.com/md-date- Range-Picker-Demo/index.html Hexe ist, was ich fast brauche – swaks