Question

我正在使用ngbDatePicker的Angular 4应用程序上工作。遵循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开始，他们现在将类SELECT Min(t1.col) as col_min, MAX(t1.col) as col_max FROM table1 as t1 INNER JOIN table2 as t2 ON t1.id = t2.join_id GROUP BY t2.some_field HAVING t2.some_field == 'constrain';添加到保存日期的div中。

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

ngb-dp-today

Answer 2

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

您可以将今日日期设置为ngModel变量，这将使当前日期处于选定状态。

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

2 个答案: