两个日期输入的自定义验证

Question

我正在使用Angular创建一个网络应用。我有一个带有两个日期输入的表单：

    <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="">

如何检查两个日期范围是否重叠？ 在这里搜索我发现了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，这是＆＃34; angular way＆＃34;使用表格。之后，当需要以＆＃34; YYYY-MM-DD＆＃34;的格式提供日期时，HTML5支持日期的最小值和最大值。请注意，并非所有浏览器都支持＆＃34; date＆＃34;输入

可选实施：

<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'}}">