Anwenden von benutzerdefinierten Stilen zur ng-bootstrap-datepicker?

Bin ich mit dem ng-bootstrap datepicker (wenn Sie nach unten scrollen seinen "Basic-Datepicker") in meinem Winkel-2 Anwendung, aber anwenden möchten, um benutzerdefinierte Formatvorlagen. Wie ist das gemacht? Ich glaube nicht, siehe nichts darüber in den ng-bootstrap-Dokumentation.

InformationsquelleAutor Dave | 2017-04-04
  1. 2

    Ab heute können Sie eine benutzerdefinierte Vorlage für eine Daten-Zelle so zu beeinflussen look & feel der Tag-Anzeige. Dies zeigt sich in der "Custom-Tag-Ansicht" Abschnitt des Dokumentation.

    • Hier ein live-Beispiel: plnkr.co/Bearbeiten/IdmfO1kligliovJ5yRha?p=Album Vorhören
    • Ich bin mehr auf der Suche, um nur style-Sachen wie Farben, breiten, Schriftgrößen, etc.
    • Was ich habe darauf hingewiesen, in dieser Antwort ist alles, was Sie haben, die heute als Optionen zur Individualisierung.
    • also, was wäre der einfachste Weg sich zu bewerben benutzerdefinierte CSS? Die einzige Lösung, die ich sehe, ist nur kopieren und einfügen der Komponenten-code und ersetzen Sie die Stile.
    InformationsquelleAutor pkozlowski.opensource
  2. 1

    War ich in der Lage zu ändern Sie Ihr styling, wenn Sie setzen css-Einstellungen in der Stil.scss-Datei anstelle der Komponente styling Datei

    /*@src/style.scss*/

ngb-datepicker {
    position: absolute;
    background-color: white;

    .ngb-dp-header {
        background-color: rgba(52,104,191,1);
    }

    select {
        background-color: rgba(52,104,191,1);
        color: white;
    }
}
    InformationsquelleAutor Roy Yin
  3. 1

    Können Sie kopieren die Stile von:

    https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/datepicker/datepicker.scss

    Haben Sie mehr scss-Dateien an:

    https://github.com/ng-bootstrap/ng-bootstrap/tree/master/src/datepicker

    Im moment ist es der einzige Weg, zu ändern, die Stile der datepicker.

    InformationsquelleAutor edu
  4. 0

    Wenn Sie mit sass Sie nur importieren müssen _dropdown.scss in Ihrem Bündel.

    @import '../../node_modules/bootstrap/scss/dropdown';

    Mit diesem Ihre Datumsauswahl schwimmen

    InformationsquelleAutor Gabriel Castillo Prada
Schreibe einen Kommentar