尝试输入日期时获取“未定义的读取属性'长度'”

时间:2018-11-06 04:40:38

标签: javascript angularjs angular-ui-bootstrap angularjs-bootstrap

能否请您告诉我为什么出现此错误。

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. 运行应用程序。第一个日期字段为空。我刚刚在其中输入了1,那么我将得到此错误的原因吗?

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

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

我也没有发生更改事件。

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

1 个答案:

答案 0 :(得分: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.