这是Angular Bootstrap日期选择器的错误吗？

Question

如果我的Angular Bootstrap日期选择器的格式为“ DD / MM / YYYY”，则用ng隐藏它，如果再次显示时默认恢复为“ MM / DD / YYYY”的格式。

<button (click)="show = !show">{{ show ? 'Hide' : 'Show' }}</button><br>
<input bsDatepicker [bsConfig]="{ dateInputFormat: 'DD/MM/YYYY' }" type="text" [(bsValue)]="date" *ngIf="show">

请参阅此StackBlitz https://stackblitz.com/edit/angular-uwa2fs

有人能想到解决方法吗？

Answer 1

一种解决方法是仅在DOM中隐藏日期选择器，而不是销毁/重新创建它。因此，不是*ngIf="show"，而是[class.hidden]="!show"（和CSS：.hidden { display: none; }）。

https://stackblitz.com/edit/angular-eudgh3?file=src/app/app.component.html