NG-ZORRO 的日期组件DatePicker,如何修改选择日期时,时间不要调到当前时间?

366 阅读1分钟

使用日期组件的时候,选择一下日期,时间会自动跳转到了当前时间,而我们的需求是,不要让它跳转,默认是 00:00:00 或者是 23:59:59

默认示例如下

GIF 2023-6-21 9-46-50.gif

解决方式,是指定 nzShowTime, 并且设定 nzDefaultOpenValue 即可。

代码示例

// index.html
<nz-date-picker
[nzFormat]="schema?.format"
[nzShowTime]="ngShowTimeStartObj"
[ngModel]="i.value"
(ngModelChange)="i.setValue($event)"
[nzDisabledDate]="ui.disabledDate"
></nz-date-picker>

// index.ts
ngShowTimeStartObj = { nzDefaultOpenValue: new Date(formatDate(new Date(), 'yyyy-MM-dd 00:00:00', 'zh')) };

最后的效果是这样的

GIF 2023-6-21 10-04-20.gif