2016-11-23 12 views
0

クライアントが入力する標準時間形式( "HH:mm")の入力テキストの書式設定に問題があります。また、到着時間が出発時間よりも長くない場合は、私は検証しなければなりません。ここにいくつかのサンプルがあります:AngularJSを使用して時間をフォーマットする方法は?

<table> 
    <tr><td>Arrival: <input type="text" ng-model="item.arrival" name="arrival">{{item.arrival | date: 'HH:mm'}}</td> //It doesn't work. The code doesn't force the formatting upon typing(the ":") and also it allows more than 4 characters 
    <tr><td>Departure: <input type="text" ng-model="item.departure" name="departure">{{item.departure | date: 'HH:mm'}}</td></tr> //I must check if the value defined in arrival isn't greater than departure time. 
</table> 

誰かがこれを扱ういくつかのコードを表示できますか?私はバックエンドの開発者の多くですが、私はいくつかのgoogledしかし、多くを見つけることができませんでした。どんな助けでも大歓迎です。

+0

'input'要素の次に出力された任意の内容に適用されるフィルタは、' ng-model'または 'input'コントロールに影響を与えません。 – Claies

+0

ええ、私は気づいた。問題の内容を示すサンプルコードを示しただけです。 – XVirtusX

答えて

1

おそらくui-maskのようなものを使用して入力をマスクし、数字を入力してから送信後に到着時間と出発時間の検証を実行できるようにすることをお勧めします。

それ以外の場合は、独自の指示文を作成して入力フィールドに適用できます。

+0

実際には、私はそれをオンザフライで行う必要があります。実際には、画面に30行以上あります。クライアントが失敗した場合、私は即座に表示する必要があります。私はこの指令をどのように始めることができるのだろうと思っていました。私はこれについていくつかのガイダンスが必要です、私はまったく新しいAngularです。あなたが見せてくれたこの形式のプラグインは良いようです。私は見ていきます、tnx。 – XVirtusX

+1

$ parsersを使用してカスタムバリデーターを作成する必要があります。ここにあなたが始めるべきであるそれに関する記事があります:http://angularjs.io/how-to-create-a-custom-input-validator-with-angularjs/ – machinehead115

+0

tnxのpal、多くの感謝。私はそれを見てみましょう – XVirtusX

関連する問題