Question

我在我的angular 2应用程序中使用ng-bootstrap datepicker（如果向下滚动＆＃34; Basic Datepicker＆＃34;），但想要应用自定义样式。怎么做的？我在ng-bootstrap文档中没有看到任何相关内容。

Answer 1

截至今天，您可以为数据单元提供自定义模板，从而影响外观和外观。白天展示的感觉。这在documentation的“自定义日视图”部分中进行了演示。

Answer 2

将css设置放入style.scss文件而不是组件的样式文件时，我能够更改其样式

/*@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;
    }
}

Answer 3

您可以从以下位置复制样式：

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

您在以下位置有更多的scss文件：

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

目前，这是更改日期选择器样式的唯一方法。

Answer 4

如果您使用的是sass，则只需在捆绑包中导入_dropdown.scss。

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

有了这个，您的日期选择器就会浮动

如何将自定义样式应用于ng-bootstrap datepicker？

4 个答案: