更改日期有效,但不会突出显示新日期

问题描述

我将Angular 10与TypeScript一起使用。我有一个效果很好的日历,并且有一个按钮。当我单击按钮时,我希望在日历上单击今天的日期。效果很好,但今天的日期未突出显示。当我手动单击一个日期时,日期将像这样突出显示

enter image description here

当我使用代码进行操作时,可以更改日期,但不会突出显示新日期。这是我的代码

<div (click)="d.toggle()">
        <input
          id="myDate"
          [value]="formatter.format(date)"
          ngbDatepicker
          #d="ngbDatepicker"
          [footerTemplate]="todayTemplate"
          container="body"
          (dateSelect)="changeDate($event)"
        />
        <ng-template #todayTemplate>
          <span (click)="d.navigateto()">
            <svg class="svg-icon svg-icon-sm svg-icon-primary">
              <use xlink:href="/Content/Images/home.svg#home"></use>
            </svg>
          </span>
        </ng-template>
      </div>

<div [ngClass]="isTodaySelected ? 'enabled-div' : 'disabled-div'" (click)="isTodaySelected ? null : changeDate(this.today); d.navigateto({year: this.today.year,month: this.today.month,day: this.today.day});">
      Button
  </div>

changeDate(date: NgbDate) {
    this.date = date;
    this.isTodaySelected = (this.date.day === this.today.day && this.date.month === this.today.month && this.date.year === this.today.year);
    this.reloadData();
  }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)