Question

I在离子3中具有角反应性形式，具有离子-日期选择器组分。当用户单击android键盘中的“下一个输入”按钮时，日期选择器未聚焦，而是日期选择器之后的下一个输入聚焦。

这是我的表格（简体）：

<form [formGroup]="formControls">
    <ion-card>
        <ion-item>
            <ion-label>Precio actual</ion-label>
            <ion-input text-right formControlName="currentPrice"></ion-input>
        </ion-item>

        <ion-item>
            <ion-label>Precio de transaccion</ion-label>
            <ion-input text-right formControlName="price"></ion-input>
        </ion-item>

        <ion-item>
            <ion-label>Cantidad</ion-label>
            <ion-input text-right formControlName="quantity"></ion-input>
        </ion-item>

        <ion-item>
            <ion-label>Valor total</ion-label>
            <ion-label text-right>{{transactiontotal | number: '1.0-6'}}</ion-label>
        </ion-item>

        <ion-item>
            <ion-label>Fecha de transacción</ion-label>
            <ion-datetime displayFormat="DD/MM/YYYY" formControlName="date"></ion-datetime>
        </ion-item>

        <ion-item>
            <ion-label>Notas</ion-label>
            <ion-textarea formControlName="notes"></ion-textarea>
        </ion-item>
    </ion-card>

    <button ion-button full
            color="danger"
            *ngIf="transaction"
            (click)="onDeleteSelected()">
        Eliminar transacción
    </button>
</form>

在编辑quantity控件时，如果按下“下一个输入”按钮，则应用将聚焦notes控件。

使用<input type="date">重现了相同的问题

我认为这是科尔多瓦的一个问题，因为他们没有意识到ion-datetime是某种形式的成分或这些行中的某种成分。我确实需要一种解决方法，但是我找不到一种方法来告诉解释器该组件是表单组件，应该像离子输入一样集中注意力。

我认为这是一个肮脏的技巧，将日期选择器包装在离子输入组件中，on focus不显示键盘，而是弹出本地html5日期选择器。但这是黑客，而且很脏

在移动键盘中按下“下一个输入”键时显示离子日期时间

0 个答案: