繁体   English   中英

如何使用 ngx-bootstrap 日期选择器禁用 angular 中的今天和未来日期?

[英]How to disable Today and future dates in angular by using ngx-bootstrap datepicker?

在此处输入图像描述 我是 Angular 的新手。 有人能帮忙吗?

要禁用今天和未来的日期,我使用了这个代码?

<input class="form-control"
           placeholder="Datepicker"
           ngModel
           bsDatepicker
           [minDate]="minDate"
           [maxDate]="maxDate">

但我没有在文本框中得到日历.. 谁能告诉我我犯了什么错误?

dob: Date;
public maxDob: Date;
const year = this.dob.getFullYear() - 18;
const month = this.dob.getMonth();
const date = this.dob.getDate();
this.maxDob = new Date(year, month, date);

formInitialization(customerDetail ? : any) {
    dateOfBirth: [customerDetail ? customerDetail.dateOfBirth : ''],
}
  <div class="col s4">
   <mat-form-field appearance="outline" class="common-form-field-width">
      <input readonly #dateFormat matInput 
      formControlName="dateOfBirth" [max]="maxDob" [matDatepicker]="picker" 
      placeholder="Date of Birth">
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
   </mat-form-field>
</div>

在此处输入图像描述

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM