AngularJS日期输入未在Firefox中的指令内显示初始值

时间:2018-12-13 19:01:58

标签: angularjs date firefox angularjs-directive

我有一个绑定到模型的日期输入。如果输入在指令内,则日期输入没有设置初始值。更新输入确实会更新模型,只是未设置的初始值。在Chrome浏览器中工作正常,但在Firefox中无法正常工作。

Here is the relevant codepen

HTML:

<div ng-app="app" ng-controller="main">
 <input type=text ng-model="mainDateModel">
 <input type=date ng-model="mainDateModel">
 Main date model: {{mainDateModel}}
 <dir></dir>
</div>

JS:

angular.module('app', [])
angular.module('app').controller('main', function($scope) {
 $scope.mainDateModel = new Date();
})
angular.module('app').directive('dir', function() {
 return {
  template: '<input type=text ng-model="dirDateModel">' +
    '<input type=date ng-model="dirDateModel">' + 
    ' Dir date model: {{dirDateModel}}',
  controller: function($scope) {
    $scope.dirDateModel = new Date();
  }
 }
})

它应该显示12/13/2018上面写着mm / dd / yyyy Codepen screenshot

是我做错了什么,还是有一种简单的解决方法?文本输入已正确初始化,只是日期没有。

更新: Here is the bug I filed in Bugzilla

1 个答案:

答案 0 :(得分:1)

好像是您的浏览器版本有问题。 对我来说,它可以在chrome和firefox中使用。