HTML + TypeScript：基于其他字段更改字段的值

Question

我刚刚开始使用HTML和TypeScript，但我一直试图根据我的HTML表单中为另一个字段选择的值来设置字段的值。

HTML

<div class="form-group">
                    <label class="form-control-label" jhiTranslate="country.status" for="field_status">Status</label>
                    <select class="form-control" name="status" formControlName="status" id="field_status">
                        <option value="ACCEPTED">{{ 'CountryStatus.ACCEPTED' | translate }}</option>
                        <option value="CHECK_ONGOING">{{ 'CountryStatus.CHECK_ONGOING' | translate }}</option>
                        <option value="CHANGE_REQUESTED">{{ 'CountryStatus.CHANGE_REQUESTED' | translate }}</option>
                    </select>
                </div>

<div class="form-group">
                    <label class="form-control-label" jhiTranslate="country.approvalDate" for="field_approvalDate">Approval Date</label>
                    <div class="d-flex">
                        <input id="field_approvalDate" type="datetime-local" class="form-control" name="approvalDate" formControlName="approvalDate" placeholder="YYYY-MM-DD HH:mm" />
                    </div>
                </div>

我要实现的帽子如下：

当我选择状态（接受）时，我希望批准日期字段自动设置为现在。 如果我选择其他状态而不是“接受”，则清除批准日期。

我认为我必须在我的component.ts类中编写某种函数，但是不确定。

能给我一些指示/线索吗？谢谢！