无效的“;ng模型”;值
Invalid "ng-model" value with Bootstrap UI datepicker
我正试图在AngularJS应用程序中实现一个简单的日期选择器指令。按照UI引导文档,我每次都会得到这个错误:
Datepicker指令:"ng模型"值必须是Date对象,数字自1970年1月1日起的毫秒数或表示RFC2822的字符串或ISO 8601日期。
我在这里和这里发现了一些其他相关的问题,但它们都没有帮助。
我尝试访问$parent和$parent$这里建议使用parent,这样可以消除错误,但不会更新模型。
这是一个Plunker重现问题:
http://plnkr.co/edit/CAUGqZnH77SbknmGTFiL?p=preview
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.0.js"></script>
</head>
<body ng-app="myApp" ng-controller="AppControl as appCtrl">
<label>{{dt | date:'fullDate'}}</label>
<input type="text"
class="form-control"
datepicker-popup="MMMM d, yyyy 'at' h:mm a"
ng-model="dt"
is-open="opened"
datepicker-options="dateOptions"
ng-required="true"
close-text="Close" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open($event)">Pick</button>
</span>
<script>
angular.module("myApp", ['ui.bootstrap']).controller("AppControl", ["$scope", function($scope) {
$scope.opened = false;
$scope.dateOptions = {};
$scope.dt = new Date();
$scope.open = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened = true;
};
}]);
</script>
</body>
</html>
问题在于您在属性"datepicker popup"中提供的格式。
使用属性值作为"longDate",如下所示:
datepicker-popup="longDate"
按如下方式使用:
<input type="text"
class="form-control"
datepicker-popup="fullDate"
ng-model="dt"
is-open="opened"
datepicker-options="dateOptions"
ng-required="true"
close-text="Close" />
我更新了plnkr。
相关文章:
- 如何将ng选项的索引作为angularJs中的值传递给模型
- 角度无线电按钮ng模型不起作用
- ng模型内的ng重复的ng重复开始
- 将输入值设置为ng模型属性[Angular]时出现问题
- 自定义指令中的AngularJS ng模型
- 如何为动态创建的文本区域中输入的值更新ng模型
- ng重复中的ng模型-初始化唯一作用域属性
- ng重复变量到ng模型
- 初始化ng模型时,Angular ui选择占位符不起作用
- 角度去抖动(ng模型选项)不起作用
- 即使 ng 模型有值,也使输入字段为空
- 选择框中带有关联的ng模型,选项中带有ng重复
- 为什么我的指令(使用链接)没有出现,并允许ng模型看到它
- NG-重复中断指令模型绑定
- AngularJS+IE 11+聚合物=ng模型未更新
- ng模型在$(element).clone()之后不起作用
- 为什么ng选项指令需要ng模型
- AngularJS ng下拉树结构的模型定义
- AngularJS:如何将视图中指定的模型(ng-bind)绑定到通过API可用的$资源
- 内有角度单选按钮模型ng重复