NG-ZORRO 8.5 DatePicker 不用GMT用UTC时间
时间: 2024-02-05 10:13:24 浏览: 23
NG-ZORRO 8.5 DatePicker 默认使用的是 GMT 时间,如果你想要使用 UTC 时间,可以在 DatePicker 中添加 `nzShowTime` 属性,并将其设置为 true,然后在代码中使用 `Date.UTC()` 方法将本地时间转换为 UTC 时间。
以下是一个示例代码:
```html
<nz-date-picker [(ngModel)]="date" [nzShowTime]="true"></nz-date-picker>
```
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
<nz-date-picker [(ngModel)]="date" [nzShowTime]="true"></nz-date-picker>
<p>UTC 时间:{{ date | date: 'yyyy-MM-dd HH:mm:ss' : 'UTC' }}</p>
`
})
export class AppComponent {
date = new Date();
}
```
在上面的示例中,我们首先在模板中定义了一个 `nz-date-picker` 组件,然后在组件中使用了 `[(ngModel)]` 双向绑定来获取用户选择的日期和时间。在模板中,我们还添加了一个 `<p>` 元素,用于显示 UTC 时间。在组件中,我们使用 `new Date()` 创建了一个本地时间对象并将其赋值给 `date` 变量。当用户选择日期和时间后,Angular 会自动更新 `date` 变量。我们可以在模板中使用 `date | date: 'yyyy-MM-dd HH:mm:ss' : 'UTC'` 来将 `date` 变量转换为 UTC 时间并显示出来。