尝试输入日期时得到 "read property 'length' of undefined"

Question

你能告诉我为什么会出现这个错误吗。

angular.js:12798 TypeError: Cannot read property 'length' of undefined
    at parseDateString (VM651 ui-bootstrap-tpls-2.5.0.js:3037)
    at Array.parseDate (VM651 ui-bootstrap-tpls-2.5.0.js:3062)
    at NgModelController.$$parseAndValidate (VM647 angular.js:25837)
    at NgModelController.$commitViewValue (VM647 angular.js:25827)
    at VM647 angular.js:25970
    at ChildScope.$eval (VM647 angular.js:16374)
    at ChildScope.$apply (VM647 angular.js:16474)
    at NgModelController.$$debounceViewValueCommit (VM647 angular.js:25969)
    at NgModelController.$setViewValue (VM647 angular.js:25941)
    at HTMLInputElement.listener (VM647 angular.js:22200)
(anonymous) @ angular.js:12798
(anonymous) @ angular.js:9545
$apply @ angular.js:16479
$$debounceViewValueCommit @ angular.js:25969
$setViewValue @ angular.js:25941
listener @ angular.js:22200
dispatch @ jquery.js:5183
elemData.handle @ jquery.js:4991

实际上我试图在不使用 "datepicker" 的情况下输入日期然后我收到此错误为什么。如何解决此错误

重现此错误的步骤

运行应用程序。第一个日期字段为空。我刚在其中输入 1 然后我会收到此错误，为什么？

http://plnkr.co/edit/ZG4Inotn7EtVZ5QbCsMH?p=preview

$scope.changedate =function(){
    console.log('asda')
  }

我也没有得到更改事件。

我正在从这里制作日期选择器 https://angular-ui.github.io/bootstrap/#!#datepicker

Answer 1

您已选择提供一组备用日期格式，但尚未将其正确映射到 HTML。

具体来说，

<input type="text" ng-change='changedate()' class="form-control" uib-datepicker-popup="{{format}}" ng-model="x.name" is-open="x.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="formats" />

您正在将 alt-input-formats 映射到未定义的 altInputFormats。

Here's an updated Plunker.

尝试输入日期时得到 "read property 'length' of undefined"

getting "read property 'length' of undefined" when try to enter date

javascript

angularjs

angular-ui-bootstrap

angularjs-bootstrap