javascript - ng-model 在表单中设置日期

Question

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

这工作正常:

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

Controller :

$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.name 等。

我收到错误:

 Cannot set property 'myDate' of undefined

Answer 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)
 };