Question

我已经将BsDatepicker用于日历，现在我从指令中设置minDate。

我在主模块和惰性模块中也都导入了BsDatepickerModule，但是在设置minDate形式angular 6指令时它提供了错误控制台

minDate”，因为它不是“输入指令”的已知属性

@Directive({
  selector: '[appCalendarValidation]',
  host: { '[minDate]': 'minDate' }
})

export class CalendarValidationDirective {
  constructor() { }

  @Input('minDate') minDate: Date;
  @HostListener('click')

  setMinimunDate() {
    const date = (new Date()).getFullYear();
    this.minDate = (new Date(date - 200, 0, 1));
  }
}

Answer 1

您可以创建

之类的util类。

export class BsDatepickerMinDateUtil {
 public static getBsDatepickerMinDate() : Date{
 let dateDifference =  <Your- date>
 let minDateMonth = <your-date>
 let minmumDate: Date;
 let currentYear = (new Date()).getFullYear();
 return minmumDate = new Date(currentYear - dateDifference , minDateMonth);
 }

}

并将值用作：

[minDate]="bsDatepickerMinDate" in your form.

这可能会对您有所帮助。

minDate”，因为它不是从angular 6指令设置BsDatepicker minDate时的“输入”属性

1 个答案: