文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5 AngularJS输入日期不绑定

问HTML5 AngularJS输入日期不绑定
EN

Stack Overflow用户

提问于 2015-11-10 12:39:11

回答 2查看 3.2K关注 0票数 1

试图将日期绑定到输入，但它不是绑定：

<body ng-app>    
<div ng-controller="MainCtrl">
    <input type="date" ng-model="dateString"/>     
    <br/>{{ dateString }}
     <br/><input type="date" ng-model="date1"/>    
    <br/>{{ date1 }}
</div>
</body>

function MainCtrl($scope, dateFilter) {
    $scope.dateString = "2015-08-11T00:00:00";
    $scope.date1 = new Date("2015-08-11");
}

http://jsfiddle.net/47fLdefo/

我做错什么了？

angularjs

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-11-10 13:06:16

我觉得有几件事需要澄清，因为其他的答案已经掩盖了。问题不是直接的模块定义(而这本身就是一个问题)。

问题是支持使用带有一种类型的date的输入，直到根据这个来源，直到v1.3才添加，但是您使用的是v1.0.2。

如果您想使用输入与本机日期选择器，您将需要升级您的版本的角。

此外，使用date的类型，模型值必须是日期对象，而不是按照docs：https://docs.angularjs.org/api/ng/input/input%5Bdate%5D的字符串表示形式。

但是，如果不能升级，还有其他选项，如BootStraps日期选择器。

票数 1

Stack Overflow用户

发布于 2015-11-10 12:59:57

你的小提琴里有错误。你忘了定义模块。见这里。起作用了。另一件事是不能将字符串绑定到date。string必须在new Date(yourDateString)绑定之前转换为日期。

$scope.dateString = "2015-08-11T00:00:00";

以上应通过以下方式进行更改

$scope.dateString = new Date("2015-08-11T00:00:00");

编辑：，我没有注意到你的角度版本是1.0.2。输入类型日期不存在。试着升级你的角度。

看见日期在1.0.2中不具有约束力

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33630200

复制

相似问题

问HTML5 AngularJS输入日期不绑定
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5 AngularJS输入日期不绑定EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5 AngularJS输入日期不绑定
EN