角度日期选择器:将 ng-model 值放入范围

angular-datepicker: get ng-model value into scope

本文关键字：范围 ng-model 日期 选择器      更新时间：2023-09-26

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

angular-datepicker （github）， angular-datepicker （demo）

目录：

<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

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

为了使它正常工作，我必须ng-model指向input中的对象属性（myDate.value）。您可以在模板中获取模型值，如下所示： 

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

控制器：

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

希望这能回答你的问题。这就是为什么ng-model需要一个点的原因 - 我的ng模型真的需要一个点来避免子$scope问题吗？

相关文章：