如何有条件地为 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 文件中我有多个日期选择器并且我只想使用 disableSince prop got struck here.can 只有 dateofibirth 字段 here.can 谁能帮助我实现这个？

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 }
  };

仅对 dateofibirth 字段使用 myDOBDatePickerOptions

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

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

how to conditionally add mydatepicker disablescince prop only for a particular field in angular

angular

ngx-mydatepicker