javascript - Angular 日期选择器 : get ng-model value into scope

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>

Controller :

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

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