【问题标题】:Angular 6 and bootstrap 4: date picker current date selectionAngular 6 和 bootstrap 4:日期选择器当前日期选择
【发布时间】:2019-10-01 09:38:52
【问题描述】:

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

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

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

【问题讨论】:

    标签: datepicker ngx-bootstrap


    【解决方案1】:

    customTodayClass添加到bsConfig,并使用css更改日期的背景颜色。

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

    today 类添加 CSS,如下所示。

    .today{
      background-color: #DCDCDC
    }
    

    【讨论】:

    • 感谢您的回复,我已经尝试过了,但 UI 没有任何变化。我需要在组件中添加 bsconfig 还是在 html 中添加就足够了
    • 首先检查当前日期的 DOM 中是否添加了“today”类。还要检查 CSS 是否被另一个类覆盖。
    • 我试过了,但没有得到反映,我在下面的示例中尝试过这个stackblitz.com/edit/…
    • 您使用的是旧版本(1.9.3)的 ngx-bootstrap。更新包以使用“customTodayClass”配置。
    • 感谢它按预期工作,但如果我选择任何其他日期,当前日期仍会以新选择的日期突出显示
    猜你喜欢
    • 1970-01-01
    • 2018-09-09
    • 1970-01-01
    • 2016-04-29
    • 1970-01-01
    • 1970-01-01
    • 2015-07-05
    • 1970-01-01
    • 2023-03-20
    相关资源
    最近更新 更多