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

【问题标题】：Select Past dates using dl-date-time-picker in Angular在 Angular 中使用 dl-date-time-picker 选择过去的日期
【发布时间】：2019-11-08 06:25:59
【问题描述】：

我在表单中有一个 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中定义的方法

【问题讨论】：

标签： angular datepicker angular7 bootstrap-datetimepicker

【解决方案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

【讨论】：