使用md-min-date和md-max-date允许在使用datepicker时选择日期,在选择日期之后提交表单,然后在Mozilla firefox中出现无效日期错误,只有剩余的浏览器工作。
基本上只是使用了演示代码并添加了一个按钮。 Codepen:http://codepen.io/anon/pen/xwaJvQ
<form class="form-horizontal" role="form" name="updateProductionForm">
<div class="form-group row">
<label for="inputEmail3" class="col-md-3 col-sm-3 control-label">
Start Date</label>
<div class="col-md-6 col-sm-6">
<md-datepicker style="background: none;" ng-model="dialogCtrl.production.productionStartDate" ng-change="editRequestCtrl.changeDays()" md-placeholder="Enter Start Date" required md-min-date="dialogCtrl.production.productionStartDate" md-max-date="dialogCtrl.production.productionEndDate"></md-datepicker>
</div>
</div>
<div class="form-group row">
<label for="inputEmail3" class="col-md-3 col-sm-3 control-label">
End Date</label>
<div class="col-md-6 col-sm-6">
<md-datepicker ng-model="dialogCtrl.production.productionEndDate" md-placeholder="Enter End Date" required md-min-date="dialogCtrl.production.productionStartDate" md-max-date="dialogCtrl.production.productionEndDate"></md-datepicker>
</div>
</div>
<div class="form-group">
<button type="submit" class="bordered-btn white-bg" ng-disabled="updateProductionForm.$invalid" ng-click="dialogCtrl.updateProduction()">Update</button>
</div>
</form>
是否有解决此兼容性问题的想法?