Как выделить сегодняшнюю дату в ngbDatePicker в Angular 2+?

Я работаю над приложением 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 всплывающего окна.

Пожалуйста, поделитесь со мной, если у вас есть какое-либо решение для этого.


person Balamurugan Ranganathan    schedule 31.07.2018    source источник


Ответы (2)


Начиная с ~ v4.1.0 ссылка на фиксацию github теперь добавляется class ngb-dp-today в div, содержащий дату.

В стандартном CSS по умолчанию ничего не говорится о нем, но вы можете добавить собственный CSS.

.ngb-dp-today {
    background: yellow;
}
person CodeMonkey    schedule 21.03.2019

Пожалуйста, проверьте, помогает ли это. https://ng-bootstrap.github.io/#/components/datepicker/examples

Вы можете установить Today Date в переменную ngModel, которая сделает выбранной текущую дату.

person Suresh Kumar Ariya    schedule 31.07.2018