使用Angular中的dl日期时间选择器选择"过去的日期"



我在表单中有一个日期时间选择器组件。我使用的是Angular 7,haave使用的是dl日期时间选择器。

我需要在日期和时间组件中禁用以前的日期。我尝试使用可以绑定到它的[selectFilter]属性。但当前日期、月份和年份也被禁用。有没有一种方法可以使用过滤器,使其不会发生

我正在使用类似的东西:

<dl-date-time-picker [selectFilter]="startDatePickerFilter" startView="day" maxView="year" minView="minute" minuteStep="30" [(ngModel)]="sDate"
name="sdate">
</dl-date-time-picker>

过滤器定义为

private startDatePickerFilter(dateButton: DateButton, viewName: string): boolean {
return !(dateButton.value < (new Date().getTime()));
}

我使用的方法在禁用未来日期使用角度引导日期时间选择器中定义

尝试使用以下代码。

import {DateButton} from 'angular-bootstrap-datetimepicker';
import * as _moment from 'moment';
import {unitOfTime} from 'moment';
private startDatePickerFilter(dateButton: DateButton, viewName: string): boolean {
return dateButton.value >= moment().startOf(viewName as unitOfTime.StartOf).valueOf();
}

参考:https://stackblitz.com/github/dalelotts/angular-bootstrap-datetimepicker-demo

最新更新