Ngx引导日期选择器的最大类型号？

如何解决Ngx引导日期选择器的最大类型号？

如何限制ngx引导程序的日期选择器类型 例如，如果我键入04/25/199332132132，则它是有效的...。 我想限制一下，如果您键入05/25/1993，那一年的所有限制都是4个数字...

        <input type="text" placeholder="04/25/1993" class="d-inline input-item form-control font-weight-bold text-center datepicker-input mrg "
          autocomplete="off" formControlName="date" aria-label="date" name="date"
          bsDatepicker [bsConfig]="{ isAnimated: true }"/>

解决方法

作为一种向输入元素添加readonly的方式，因此只能从日期选择器中选择它。

 <input type="text" placeholder="04/25/1993" class="d-inline input-item form-control font-weight-bold text-center datepicker-input mrg " readonly
          autocomplete="off" formControlName="date" aria-label="date" name="date"
          bsDatepicker [bsConfig]="{ isAnimated: true }"/>

或添加onkeydown="this.value = (this.value.length > 9) ? this.value.slice(0,9) : this.value;"以禁用10个以上的字符

,

您应按照文档中的说明使用此组件的minDate和maxDate属性：

HTML

<div class="row">
  <div class="col-xs-12 col-12 col-sm-6 col-md-4 form-group">
    <input class="form-control"
           placeholder="Datepicker"
           ngModel
           bsDatepicker
           [minDate]="minDate"
           [maxDate]="maxDate">
  </div>
  <div class="col-xs-12 col-12 col-sm-6 col-md-4 form-group">
    <input class="form-control"
           placeholder="Daterangepicker"
           ngModel
           bsDaterangepicker
           [minDate]="minDate"
           [maxDate]="maxDate">
  </div>
</div>

TS

import { Component } from '@angular/core';
 
@Component({
  selector: 'demo-datepicker-min-max',templateUrl: './min-max.component.html'
})
export class DemoDatepickerMinMaxComponent {
  minDate: Date;
  maxDate: Date;
 
  constructor() {
    this.minDate = new Date();
    this.maxDate = new Date();
    this.minDate.setDate(this.minDate.getDate() - 1);
    this.maxDate.setDate(this.maxDate.getDate() + 7);
  }
}

来源：https://valor-software.com/ngx-bootstrap/#/datepicker#min-max