问题描述
我将Angular 10与TypeScript一起使用。我有一个效果很好的日历,并且有一个按钮。当我单击按钮时,我希望在日历上单击今天的日期。效果很好,但今天的日期未突出显示。当我手动单击一个日期时,日期将像这样突出显示:
当我使用代码进行操作时,可以更改日期,但不会突出显示新日期。这是我的代码:
<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 (将#修改为@)