要将Angular 9 - Material日期选择器设置为UTC,您可以按照以下步骤操作:
安装必要的依赖项:
npm install moment moment-timezone
在您的组件中,导入必要的模块和服务:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';
import * as moment from 'moment';
import 'moment-timezone';
在组件类中,创建FormControl和moment对象:
export class YourComponent {
dateControl = new FormControl(moment().utc());
moment = moment;
}
在HTML模板中,使用mat-datepicker指令绑定到FormControl,并使用matDatepickerInput事件处理程序来处理日期更改:
在组件类中,实现onDateChange方法来将选定的日期转换为UTC格式:
export class YourComponent {
// ...
onDateChange(event: MatDatepickerInputEvent) {
const selectedDate = moment(event.value);
const utcDate = selectedDate.utc();
this.dateControl.setValue(utcDate);
}
}
这样,您的Angular 9 - Material日期选择器将被设置为UTC时区。
请注意,以上示例假设您已经正确导入和配置了Angular Material和Angular Forms模块。