angular-datepicker：将 ng-model 值纳入范围

Question

我是 AngularJs 的新手，我想在 <pre> 标记中按 ng-model="abc" 的范围显示日期选择器的选定日期和时间。

angular-datepicker (github), angular-datepicker (demo)

HTML：

<div class="container">
    <div class="row">
      <div class="col-md-4">
        <div ng-controller="foo">
          <input type="datetime" class="form-control" date-time ng-model="myDate" format="dd-MM-yyyy HH:MM" placeholder="Select datetime">
          <pre>myDate: {{myDate}}</pre>
        </div>
      </div>
    </div>
  </div>

JS：

angular.module('demo', ['datePicker']).controller('foo', ['$scope', function($scope) {
  //empty
}]);

这是plnkr

Answer 1

这是更新的 plnkr - http://plnkr.co/edit/Qagb78UDqXQrabcZucr6。

为了让它工作，我必须让ng-model 指向input 中的object.property (myDate.value)。您可以像这样在模板中获取模型值：

<pre>
      myDate: {{myDate.value | date: "dd-MM-yyyy HH:MM"}}
</pre>

控制器：

$scope.myDate = {
        value: ''
};

希望这能回答您的问题。这就是ng-model 需要一个点的原因 - Does my ng-model really need to have a dot to avoid child $scope problems?。