如何在 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)}]