Select 在 Angular 中使用 dl-date-time-picker 的过去日期

Question

我在表单中有一个日期时间选择器组件。我正在使用 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()));
    }

我正在使用

中定义的方法

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

Select 在 Angular 中使用 dl-date-time-picker 的过去日期

Select Past dates using dl-date-time-picker in Angular

angular

datepicker

angular7

bootstrap-datetimepicker