Zorro使用nzDisabledDate 控制开始时间和结束时间
时间: 2023-11-14 14:16:18 浏览: 111
选择开始时间和结束时间
如果您使用的是Ant Design的DatePicker组件,那么Zorro使用的也是同样的组件库,因此您可以使用`nzDisabledDate`属性来控制开始时间和结束时间。
例如,如果您想要禁用过去的日期作为开始日期,您可以这样写:
```html
<nz-date-picker [nzDisabledDate]="disabledStartDate"></nz-date-picker>
```
并在您的组件中定义`disabledStartDate`方法:
```typescript
disabledStartDate = (startValue: Date): boolean => {
if (!startValue) {
return false;
}
return startValue.getTime() < Date.now();
};
```
这将禁用所有过去的日期作为开始日期。同样,您可以为结束日期定义一个类似的方法:
```html
<nz-date-picker [nzDisabledDate]="disabledEndDate"></nz-date-picker>
```
```typescript
disabledEndDate = (endValue: Date): boolean => {
if (!endValue) {
return false;
}
return endValue.getTime() < Date.now();
};
```
这将禁用所有过去的日期作为结束日期。您可以根据自己的需求对这些方法进行更改和定制。
阅读全文