使用Angular中的dl-date-time-picker选择过去的日期

Question

我在表单中有一个datetimepicker组件。我正在使用Angular 7，并且使用了dl-date-time-picker组件。

我需要在日期和时间部分中禁用以前的日期。我尝试使用可以绑定到它的[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()));
    }

我正在使用Disable future dates using angular-bootstrap-datetimepicker中定义的方法

Answer 1

尝试以下代码。

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