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指向myDate.value中的object.property（input）。您可以在模板中获取模型值，如下所示：

<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?。

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

1 个答案: