angular - 如何在 Angular 2+ 的 ngbDatePicker 中突出显示今天的日期？

Question

我正在使用 Angular 4 应用程序ngbDatePicker。遵循DatePickerHTML。

<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到 github 提交的链接，他们现在将类添加ngb-dp-today到包含日期的 div 中。

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

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

Answer 2

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

您可以将 Today Date 设置为 ngModel 变量，这将选择当前日期。