选择日期之后的md-datepicker和仅在mozilla firefox中提交表单无效日期错误

时间:2016-10-06 06:17:09

标签: jquery html angularjs datepicker

使用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>

是否有解决此兼容性问题的想法?

0 个答案:

没有答案