ng-ytl-zorro-antd/src/showcase/nz-demo-datepicker/nz-demo-datepicker-disable-date.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component } from '@angular/core';
import * as moment from 'moment';

@Component({
  selector: 'nz-demo-datepicker-disable-date',
  template: `
    <nz-datepicker [(ngModel)]="_date" [nzPlaceHolder]="'Select date'" [nzDisabledDate]="_disabledDate"></nz-datepicker>
    <nz-datepicker [(ngModel)]="_moment" [nzPlaceHolder]="'Select month'" [nzMode]="'month'" [nzDisabledDate]="_disabledMonth" [nzFormat]="'YYYY-MM'"></nz-datepicker>
    <nz-rangepicker [(ngModel)]="_dateRange" [nzDisabledDate]="_disabledDate"></nz-rangepicker>
  `,
  styles  : []
})
export class NzDemoDatePickerDisableDateComponent {
  _date = null;
  _moment = null;
  _dateRange = [null, null];

  _disabledDate(current: Date): boolean {
    return current && current.getTime() > Date.now();
  }

  _disabledMonth(current: Date): boolean {
    return current && moment(current).day(0).valueOf() > moment().valueOf();
  }
}