Jan/1998 的日期选择器日期错误显示

Question

我在我的 angular 版本 12 项目中使用 mat-datepicker。数据选取器日历视图显示 1998 年 1 月的错误日期。

1998 年 1 月 1 日星期四开始，但在星期日放映。只错误显示了3天。

这是表单域

   <mat-form-field appearance="outline" fxFlex="100" fxFlex.gt-sm="15" fxFlex.sm="50" class="p-1">
                            <mat-label>Date of birth</mat-label>
                            <input   matInput formControlName="HPM_DOB"  required [matDatepicker]="picker">
                            <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                            <mat-datepicker   #picker></mat-datepicker>
                          </mat-form-field>

我是否遗漏了一些参数？请指导

Answer 1

我尝试用 angular2-datetimepicker https://stackblitz.com/edit/angular-datetimepicker-srthue 重新生成，但没有发现任何问题。

我也尝试过 mat-datepicker https://stackblitz.com/edit/angular-ivy-fikhde?file=src%2Fapp%2Fapp.module.ts 但我无法重现该问题。

无论如何，我将语言环境设置配置 CUSTOM_DATE_FORMAT 添加到 mat-datepicker app.module.ts 以便您也可以配置它。

Answer 2

我已经解决了。这是由于 css。在我的组件之一中，我隐藏了 mat-calander 的月份标签。之后我们删除了那个 mat-calander 控件，我忘记了这个 css 添加。看起来 mat-calander 和 mat-datepicker 使用相同的 css class 名称。

::ng-deep .mat-calendar-body-label{
     display:  none;
}

Jan/1998 的日期选择器日期错误显示

Date Picker dates wrongly displaying for Jan/1998

angular

angular-material

mat-datepicker