ng-bootstrap datepicker formControl minDate maxDate

时间:2018-10-25 11:00:48

标签: ng-bootstrap ngb-datepicker

设置[minDate]和[maxDate]时,它不仅设置为日期选择器,还设置为<input>。我想将minDate和/或maxDate设置为有效的datepicker,但是问题出在当用户手动输入无效日期(大于或小于最小/最大日期)时。在此无效输入之后,我想显示红色文本,它是无效的日期,但datepicker清除ngModel值。有谁知道如何停止删除日期的日期选择器?

<input class="form-control form-control-model" name="dp" type="text" autocomplete="off"
               [(ngModel)]="date"
               (ngModelChange)="onDateInputChange($event)"
               #d="ngbDatepicker"
               ngbDatepicker
               [minDate]="dateToNgbDate(_startDate, false)"
               [maxDate]="dateToNgbDate(_endDate, true)"
               (click)="d.open()"
               (dateSelect)="onDatepickerDateSelect($event)">

1 个答案:

答案 0 :(得分:0)

我设法通过手动关闭有效日期输入中的datepicker来解决此问题。这样,datepicker无法开始使用该值执行任何操作。 (dateSelect)=“ d.close”