minDate'，因为在从 angular 6 指令设置 BsDatepicker minDate 时，它不是 'input' 的已知属性

Question

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

我在主模块和惰性模块中也导入了 BsDatepickerModule，但是在设置 minDate 表单时 angular 6 指令它给出了错误控制台

minDate' since it isn't a known property of 'input Directive

@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

您可以创建一个实用程序 class，例如

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 时，它不是 'input' 的已知属性

minDate' since it isn't a known property of 'input' while setting BsDatepicker minDate from angular 6 directive

angular

typescript

directive

minDate'，因为在从 angular 6 指令设置 BsDatepicker minDate 时，它​​不是 'input' 的已知 属性

minDate' since it isn't a known property of 'input' while setting BsDatepicker minDate from angular 6 directive

angular

typescript

directive

minDate'，因为在从 angular 6 指令设置 BsDatepicker minDate 时，它不是 'input' 的已知属性