在 Angular 的 Formly Datepicker 中禁用未来日期

Question

I am using Formly with Material in Angular and have a datepicker. All I want to do is disable future dates so they cannot be selected when selecting a date, I can't seem to find anything online!

export class AppComponent {
  form = new FormGroup({});
  model: any = {};
  options: FormlyFormOptions = {};
  fields: FormlyFieldConfig[] = [
    {
      key: 'Datepicker',
      type: 'datepicker',
      templateOptions: {
        label: 'Datepicker',
        placeholder: 'Placeholder',
        description: 'Description',
        required: true,
        //what to put here to disable future dates?
      },
    },
  ];
}

You can play around with the code here: https://stackblitz.com/angular/gkyxqxygybo?file=src%2Fapp%2Fapp.component.ts

Answer 1

OK I finally found the answer here . I needed to add

datepickerOptions: {
  max: new Date(),
},

to the template options.