小编plk*_*otr的帖子

我有一个简单的<select>Angular（带材质）如下：

<mat-form-field>
  <mat-label>Type</mat-label>
  <mat-select placeholder="Type" formControlName="type" name="type" id="name">
    <mat-option>None</mat-option>
    <mat-option *ngFor="let t of types" [value]="t">
      {{t}} <-- it is enum -->
    </mat-option>
  </mat-select>
</mat-form-field>

我想在代码的其他部分使用所选类型的索引。

更准确地说：在*ngFor另一个选择中。因此，我不能使用 documentById。

另外，我不想只是为了这样做而安装 jQuery。

是否可以？

我正在 React、Formik 和 Yup 中创建一个带有日期验证的简单表单。

如下所示，只有两个字段：datePurchase和dateSale。我为两者设置了min参数max，并根据需要设置它们：

<Formik
  initialValues={{
    datePurchase: '',
    dateSale: '',
  }}
  validationSchema={object()
    .shape({
      datePurchase: date()
        .min(new Date('01-01-2019'))
        .max(new Date())
        .required(),
      dateSale: date()
        .min(new Date('01-01-2019'))
        .max(new Date())
        .required(),
    })}
>
  {({
    values, handleChange, handleBlur,
  }) => (
      <Form>
        <input
          name="datePurchase"
          type="date"
          onChange={handleChange}
          onBlur={handleBlur}
          value={values.datePurchase}
        />
        <input
          name="dateSale"
          type="date"
          onChange={handleChange}
          onBlur={handleBlur}
          value={values.dateSale}
        />
      </Form>
    )}
</Formik>

然后，我意识到那datePurchase一定早于dateSale。

如何使用validationSchema()Yup 来实现这样的条件？这可能吗？

我尝试使用Yup 文档中的when()方法和is:参数then: …