如何在npm mydatepicker中添加自定义样式？

Question

如何在 npm mydatepicker 中添加自定义样式？ 我正在使用此代码：

<my-date-picker [options]="myDatePickerOptions" (dateChanged)="onDateChanged($event)"></my-date-picker>

如何更改其背景颜色和高度宽度？

Answer 1

您可以使用选项设置自定义值。

<input angular-mydatepicker [(ngModel)]="model" [options]="myDatePickerOptions" 
    #dp="angular-mydatepicker">

并像这样使用它：（将其作为字符串值提供）

import {IAngularMyDpOptions} from 'angular-mydatepicker';

export class MyApp {
    myDatePickerOptions: IAngularMyDpOptions = {
        selectorHeight: "232px",
        selectorWidth: "252px"
        // other options here
    }

    constructor() {}

}

您可以参考https://github.com/kekeh/angular-mydatepicker/wiki/change-color-theme-of-datepicker来使用自定义颜色主题。

我希望这会帮助您解决问题。