2017-12-03 12 views
0

私は現在Ionic 3のモバイルアプリケーションを開発中です。満期日が必要なクレジットカード情報をMM/YYYYフォーマットで処理するフォームを作成する際には、次の問題が発生しました。`ion-input`の日付フォーマットを設定します

日付入力フィールドを作成し、そのフォーマットをion-input(DatePickerを使用せずに2つの入力を使用するのではなく)で定義したいのですが、日付ピッカーのフォーマットを設定する属性を見つけることができません。

<ion-item> 
    <ion-label stacked>Expiry Date</ion-label> 
    <ion-input type="date" required [(ngModel)]="account.expiryDate" name="expiryDate"></ion-input> 
</ion-item> 

アトリビュートdisplayFormat="MM/YYYY"は機能しません。これに関するドキュメントはありません。 Ionic 3はこの種の直接的な日付選択をサポートしていますか?

ありがとうございます。

答えて

0

おそらく、このコンポーネントをコーディングすることなく得られる最高のものは、正規表現パターンを取得するパターンを使用していることでしょう。ここではそれ以外の場合は、フォームに入れたりするためにそれを行うだろうサードパーティ製のコントロール(無料または有料)を発見しようとするカスタムコントロールを作成する方が良いだろう例ですが、あなたはより良いパターン

<ion-item> 
    <ion-label stacked>Expiry Date</ion-label> 
    <ion-input required [(ngModel)]="account.expiryDate" name="expiryDate" placeholder='mm/yyyy' 
    pattern="[0,1]\d\/\d\d\d\d"></ion-input> 
</ion-item> 

の中に置くことができます君は。

関連する問題