如何在Angular 2+的ngbDatePicker中高亮今天的日期？

Question

我正在使用一个Angular 4应用程序，我使用ngbDatePicker。继DatePicker HTML之后。

<div class="datepicker mgn-btm-twnty wdth100percent" (document:click)="closePicker(dateControl)" (click)="$event.stopPropagation()">
    <label class="mgn-btm-ten required_start startdate">Date<i class="fa fa-asterisk" aria-hidden="true"></i></label>
    <div class="form-inline">
        <div class="form-group">
            <div class="input-group">
                <input class="form-control" placeholder="dd-mmm-yyyy" name="date" [(ngModel)]="date"
                    firstDayOfWeek="1" ngbDatepicker #dateControl="ngbDatepicker" required="false" (navigate)="date = $event.next">
                <div class="input-group-addon" (click)=dateControl.toggle()>
                    <i class="material-icons">date_range</i>
                </div>
                <label class="animate-border"></label>
            </div>
        </div>
    </div>
</div>

当highlight弹出窗口打开时，我们的要求是默认为datepicker当前日期。

如果您有任何解决方案，请与我分享。

Answer 1

从~v4.1.0 link to github commit开始，他们现在将类ngb-dp-today添加到持有日期的div中。

默认CSS中没有任何内容，引用它，但您可以添加自定义CSS。

.ngb-dp-today {
    background: yellow;
}

Answer 2

请检查这是否有帮助。 https://ng-bootstrap.github.io/#/components/datepicker/examples

您可以将今日日期设置为ngModel变量，该变量将选择当前日期。