minDate",因为它不是"input"的已知属性,同时从角度 6 指令设置 BsDatepicker minDate



我已经使用了bsdatepicker进行日历,现在我正在从指令中设置思维。

我在主模块和懒惰模块中也有导入的bsdatepickermodule它给出了错误控制台

心态'因为它不是"输入指令"的已知属性

@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));
  }
}

您可以创建一个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.

这可能会对您有所帮助。

最新更新