ng-model在表单中设置日期

时间:2015-10-23 11:43:27

标签: javascript angularjs

我想在ng-model中设置日期。

这很好用:

<input type="date" class="form-control" ng-model="myDate.value" placeholder="yyyy-MM-dd"  />

控制器:

$scope.myDate = {
     value: new Date(2015, 9, 22)
 };

但我希望这项工作

$scope.myFormObj.myDate = {
     value: new Date(2015, 9, 22)
 };

<input type="date" class="form-control" ng-model="myFormObj.myDate.value" placeholder="yyyy-MM-dd"  />

ng-model就是这种情况 myFormObj.myDate

我需要这种语法,因为提交后我会保存myFormObj-json对象中的所有数据,例如myFormObj。名称等。

我收到错误:

 Cannot set property 'myDate' of undefined

1 个答案:

答案 0 :(得分:1)

$scope.myDate = {
     value: new Date(2015, 9, 22)
 };

上面的代码myDate是由{}创建的对象,但在$scope.myFormObj.myDate中,您使用myDate{}创建了myFormObj的对象尚未定义。首先定义它,然后设置myDate

所以你的代码看起来像是:

$scope.myFormObj = {};
$scope.myFormObj.myDate = {
     value: new Date(2015, 9, 22)
 };