如何在 IonDateTime 中添加“CLEAR”按钮？

Question

IonicDateTime 组件允许我保存或取消选择的日期。 但是，我希望能够清除选择的值。

我一直在寻找解决方案，其中之一是使用pickerOptions，但这会覆盖我仍然需要的现有按钮，而且我不确定如何创建取消按钮或重现现有的保存/取消按钮。

这是我的代码。 仅供参考，我将 Ionic 4 与 React 一起使用。

<IonItem>
     <IonLabel position="stacked">End date</IonLabel>
     <IonDatetime id="enddate" name="enddate"></IonDatetime>
</IonItem>

Answer 1

我也一直在寻找这个，并找到了以下内容：

<ion-datetime
formControlName="myDateCustom"
[pickerOptions]="customPickerOption"></ion-datetime>

然后在 TS 中：

customPickerOption = {
buttons: [{
text: 'Clear',
   handler: () => this.myForm.controls['myDateCustom'].setValue(null)}]