这是我的代码
<tr ng-show="option == 'Yearly' || option == 'Date'">
<td>
<label>From:</label>
</td>
<td>
<input type="date" ng-model="fromdate" id="fromdate" date-picker />
</td>
<td>
<label>To:</label>
</td>
<td>
<input type="date" ng-model="todate" date-picker />
</td>
</tr>
我有一个用于 fromdate 和 todate 的 jquery 日期选择器,我需要禁用结束日期中小于开始日期的所有日期......
最佳答案
我用过https://github.com/Eonasdan/bootstrap-datetimepicker 以前和minDate和 maxDate如果您想查看另一个插件,选项可能对您的用例有帮助。
设置maxDate
、minDate
的示例用法:
html:
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</div>
js:
$('#datetimepicker1').datetimepicker({
maxDate: new Date("6/8/2016"),
minDate: new Date("6/2/2016")
});
工作 Plunker
注意:此插件依赖于bootstrap
、jquery
和momentjs
编辑:
还有一个 Angular 包装器指令:https://github.com/diosney/angular-bootstrap-datetimepicker-directive
关于javascript - 从日期到 Angular js中的日期验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37626564/