Jan/1998 的日期选择器日期错误显示
Date Picker dates wrongly displaying for Jan/1998
我在我的 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>
我是否遗漏了一些参数?请指导
我尝试用 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 以便您也可以配置它。
我已经解决了。这是由于 css。在我的组件之一中,我隐藏了 mat-calander
的月份标签。之后我们删除了那个 mat-calander
控件,我忘记了这个 css 添加。看起来 mat-calander
和 mat-datepicker
使用相同的 css class 名称。
::ng-deep .mat-calendar-body-label{
display: none;
}
我在我的 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>
我是否遗漏了一些参数?请指导
我尝试用 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 以便您也可以配置它。
我已经解决了。这是由于 css。在我的组件之一中,我隐藏了 mat-calander
的月份标签。之后我们删除了那个 mat-calander
控件,我忘记了这个 css 添加。看起来 mat-calander
和 mat-datepicker
使用相同的 css class 名称。
::ng-deep .mat-calendar-body-label{
display: none;
}