如何将“CLEAR”按钮添加到 Ion DateTime？答案

【问题标题】：How to add "CLEAR" button to IonDateTime?如何将“CLEAR”按钮添加到 Ion DateTime？
【发布时间】：2020-11-06 19:26:48
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

我也一直在寻找这个，发现如下：

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

然后在 TS 中：

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

【讨论】：