首页 > 解决方案 > Angular 6 和 bootstrap 4:日期选择器当前日期选择

问题描述

我有一个包含日期选择器的表单,除了未选择当前日期外,它按预期工作。

当我打开日历时,它显示如下

在此处输入图像描述

但是当我打开 .date 选择器时,我需要关注当前日期,如下所示

在此处输入图像描述

标签: datepickerngx-bootstrap

解决方案


添加customTodayClassbsConfig并使用css更改日期的背景颜色。

<input type="text"
    placeholder="Datepicker"
    class="form-control"
    bsDatepicker
    [bsConfig]="{'customTodayClass': 'today'}"
 />

today为类添加 CSS,如下所示。

.today{
  background-color: #DCDCDC
}

推荐阅读