如何使输入字段对ngx-bootstrap datepicker的[maxDate]有效

时间:2019-09-03 05:38:18

标签: angular angular-forms ngx-bootstrap

我正在使用模板驱动的表单。另外,对于输入文本框,还有[minDate]和[maxDate]应用的ngx-bootstrap datepicker。 对我来说,客户要求是,当用户在文本框中手动输入一个大于[maxDate]的日期时,该表单应接受以保存日期。 但是我的问题是,当手动输入的日期大于[maxDate]时,表格变得无效并阻止我保存日期。

有人可以最早帮助我吗?

<input type="text" name="firstDayWorked" #firstDate="ngModel"  [(ngModel)]="firstDayWorked"
              [bsConfig]="{ dateInputFormat: 'DD/MM/YYYY' , containerClass: 'theme-dark-blue',showWeekNumbers : false }" 
              bsDatepicker #d3 = "bsDatepicker"
              [minDate]="minFirstDayWorked" [maxDate]="maxFirstDayWorked"
               placeholder="DD/MM/YYYY"
              [class.has-error]="compensationForm.submitted && firstDate.invalid"
              class="pp-form-control" (bsValueChange)="dateValidate($event, 'firstDayWorked')"
    triggers="none">

.ts文件

minFirstDayWorked:Date = new Date(1899, 12, 1);
  maxFirstDayWorked:Date = new Date(new Date().getFullYear()+1, 11, 31);

即使我的日期大于[maxDate]值,我也希望保存表单。

0 个答案:

没有答案