2017-07-06 6 views
0

angle/htmlで日付フィールドを作成して、MM/yyyyのような特定のフォーマットで日付を入力せずに入力する方法を教えてください。mm/yyyyの日付フィールドの作成方法

たとえば、ユーザーが月の最初の2桁を入力すると、スラッシュ「/」が表示され、年の4桁しか入力できなくなります。

私は単純な正規表現の検証で行うことができますが、ユーザーは任意の形式で日付を入力し、エラーを表示するために検証することができます。

+0

必要なフィールドの種類は何ですか。それは入力タイプのテキストか日付ですか? – Yatin

+0

なぜユーザーに役に立たないUI機能がありますか?必要な書式を教えて、何かを入力させ、パターンが終わったらヒントを提供してください。 – RobG

+0

@ Yatin:フィールドタイプは制限ではありません。 –

答えて

1

JavascriptとHTMLコードで手を加えるのではなく、angular-bootstrapが提供する焼き付けdate parserのディレクティブのいくつかを参考にして、そこから調整することをお勧めします。

例1: Date parser

例2: Date picker

例3: Date picker with popup

OPによって要求されます。彼は月/年だけを入力しています。この例はより関連性があります。

Example 4

+0

例1:この質問の最初の回答を確認してくださいバリデーションの使用と同様です。 例2と3:ユーザーは日付を選択したくない場合、dd/mm/yyyy形式で入力することができます。ちょうど月と年 –

+0

@ Vishal - JAVA - CQあなたのためにいくつかの調査を行い、これを見つけました。 http://plnkr.co/edit/cp6EnSyn5vY08ZwjjDca?p=preview 月/年セレクタがあるのは –

+0

これは要件に対応していますが、一部の古いブラウザやデバイスでは日付ピッカーをサポートしていないという問題があります。また、音声コマンドを使用して日付ピッカーを記入することはできません。 私はdatepickerを探していません。 あなたの仕事に感謝します!それを飾る –

関連する問題