时间戳

首页 > 解决方案 > 尝试输入日期时获取“未定义的读取属性'长度'”

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

问题描述

你能告诉我为什么我会收到这个错误吗？

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

标签： javascriptangularjsangular-ui-bootstrapangularjs-bootstrap

解决方案

您已选择提供一组备用日期格式，但尚未将其正确映射到 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未定义的 。

这是一个更新的 Plunker。

推荐阅读