angular - 如何有条件地为 Angular 中的特定字段添加 mydatepicker disablescince 道具

Question

目前 mydatepicker 选项如下：在 ts 文件中

myDatePickerOptions: IMyDpOptions = {
    // other options...
    dateFormat: 'dd-mmm-yyyy',
    editableDateField: false,
    openSelectorOnInputClick: true,
};

.html 文件：

<my-date-picker
    #subjectdob="ngModel"
    editableDateField="false"
    maxlength="10"
    name="subjectdob"
    [(ngModel)]="serviceRequestFormDetails.srfSubjectDetails.dateOfBirth"
    [options]="myDatePickerOptions"
    required
></my-date-picker>

在 html 文件中，我有多个日期选择器，并且只有 dateofibirth 字段我想使用 disableSince 道具在这里被击中。任何人都可以帮助我实现这一目标吗？

Answer 1

创建另一个 IMyDpOptions 对象并使用扩展运算符扩展公共属性并将额外disableSince属性添加到变量

  myDatePickerOptions: IMyDpOptions = {
    // other options...
    dateFormat: "dd-mmm-yyyy",
    editableDateField: false,
    openSelectorOnInputClick: true
  };

  myDOBDatePickerOptions: IMyDpOptions = {
    ...this.myDatePickerOptions,
    disableSince: { year: 2020, month: 10, day: 27 }
  };

myDOBDatePickerOptions仅用于dateofibirth字段

<my-date-picker
  #subjectdob="ngModel"
  editableDateField="false"
  maxlength="10"
  name="subjectdob"
  [(ngModel)]="serviceRequestFormDetails.srfSubjectDetails.dateOfBirth
  [options]="myDOBDatePickerOptions"
  required
></my-date-picker>