2つの日付入力のカスタム検証

Question

私はAngularを使ってWebアプリケーションを作成しています。

<label for="date-from">From: </label> 
    <input class="range-data" type="date" name="date-from" id="date-from" value=""> 
    <label for="date-to">To: </label> 
    <input class="range-data" type="date" name="date-to" id="date-to" value=""> 

2つの日付範囲が重複していないか確認するにはどうすればいいですか？ あなたが他の勧告を持っていますので、私はthis answer

<input name="min" type="number" ng-model="field.min"/> 
<input name="max" type="number" ng-model="field.max" min=" {{ field.min }}"/> 

発見した上で、ここでお探しですか？

Answer 1

まず、フォームに「角度のある角度」が必要な入力にng-modelはありません。その後、HTML5は日付を「YYYY-MM-DD」の形式で指定する必要がある場合、日付の最小値と最大値をサポートします。すべてのブラウザが「日付」入力をサポートしているわけではないことに注意してください。

オプションの実装：

<label for="date-from">From: </label> 
<input class="range-data" ng-model="fromDate" type="date" name="date-from" id="date-from" max="{{toDate|date:'yyyy-MM-dd'}}"> 
<label for="date-to">To: </label> 
<input class="range-data" ng-model="toDate" type="date" name="date-to" id="date-to" min="{{fromDate|date:'yyyy-MM-dd'}}">