时间戳

首页 > 解决方案 > 如何将“CLEAR”按钮添加到 IonDateTime？

javascript - 如何将“CLEAR”按钮添加到 IonDateTime？

问题描述

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

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

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

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

标签： javascriptreactjsionic-frameworkionic4

解决方案

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

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

然后在 TS 中：

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

取自以下链接： https ://javascriptio.com/view/1360708/add-button-clear-value-ion-datetime-in-ionic

推荐阅读