Internet explorer 如何在IE浏览器的mat datepicker中修复两位数的年份?
在IE浏览器中,当我键入年份为两位数的日期时,例如:03/12/17,mat日期选择器将年份转换为03/12/1917 我希望mat datepicker将17年转换为2017年当前年份,例如,如果我键入2017年3月12日,mat datepicker应将该日期转换为2017年3月12日 在Chrome浏览器中,mat datepicker将两位数的年份正确地转换为2017年 日期选择器: IE浏览器中有没有解决这个问题的方法Internet explorer 如何在IE浏览器的mat datepicker中修复两位数的年份?,internet-explorer,datepicker,angular-material,Internet Explorer,Datepicker,Angular Material,在IE浏览器中,当我键入年份为两位数的日期时,例如:03/12/17,mat日期选择器将年份转换为03/12/1917 我希望mat datepicker将17年转换为2017年当前年份,例如,如果我键入2017年3月12日,mat datepicker应将该日期转换为2017年3月12日 在Chrome浏览器中,mat datepicker将两位数的年份正确地转换为2017年 日期选择器: IE浏览器中有没有解决这个问题的方法 谢谢。请尝试使用以下代码: html页面中的代码: <ma
谢谢。请尝试使用以下代码: html页面中的代码:
<mat-form-field>
<input matInput [matDatepicker]="dp" placeholder="Month and Year" [formControl]="date">
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
<mat-datepicker #dp
startView="multi-year"
(yearSelected)="chosenYearHandler($event)"
(monthSelected)="chosenMonthHandler($event, dp)"
panelClass="example-month-picker">
</mat-datepicker>
</mat-form-field>
.ts文件中的代码:
import {Component} from '@angular/core';
import {FormControl} from '@angular/forms';
import {MomentDateAdapter} from '@angular/material-moment-adapter';
import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';
// Depending on whether rollup is used, moment needs to be imported differently.
// Since Moment.js doesn't have a default export, we normally need to import using the `* as`
// syntax. However, rollup creates a synthetic default module and we thus need to import it using
// the `default as` syntax.
import * as _moment from 'moment';
const moment = _moment;
export const MY_FORMATS = {
parse: {
dateInput: 'MM/DD/YYYY',
},
display: {
dateInput: 'MM/DD/YYYY',
monthYearLabel: 'MMM YYYY',
dateA11yLabel: 'LL',
monthYearA11yLabel: 'MMMM YYYY',
},
};
@Component({
selector: 'app-material-datepicker',
templateUrl: 'material-datepicker.component.html',
styleUrls: ['material-datepicker.component.css'],
providers: [
// `MomentDateAdapter` can be automatically provided by importing `MomentDateModule` in your
// application's root module. We provide it at the component level here, due to limitations of
// our example generation script.
{provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
{provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
],
})
export class MaterialDatepickerComponent {
constructor(private adapter: DateAdapter<Date>) {
}
date = new FormControl(moment());
}
然后,结果如下:
你好@Zhi-谢谢你的解决方案。我试过了,但从“瞬间”开始导入“瞬间”;没有被认出。有什么建议吗?方法chosenYearHandler$event和chosenMonthHandler$event,dp中的代码是什么?您可以在查看所选年份和月份的更改部分参考。您还可以删除yearSelected和monthSelected事件,它与此问题无关。