0

我有一个新手 AngularJS 问题 - 我正在使用 datetimepicker 库，我很难选择绑定到我的模型的日期......我看到一些帖子谈论无法直接访问 datetimepicker 模型，但是就我而言，我发现如果我只是在我的日期输入框中手动键入一个文本值，它就会绑定！如果我用选择器选择一个日期，我会得到可怕的“未定义”:(...帮助？

HTML 标记：

<div class="col-md-2">
  <div name="fromDateTime" class="input-group date" id="datetimepickerFrom">
    <input class="form-control" type="text" name="fromDateTime" ng-model="formEntries.fromDateTime"/>
      <span class="input-group-addon" data-ng-click="pickFromDateTime()"><span class="glyphicon glyphicon-calendar" id="calIconFrom"></span></span> 
  </div>
</div>

<div class="col-md-2">
  <div name="toDateTime" class="input-group date" id="datetimepickerTo">          
    <input class="form-control" type="text" name="toDateTime" ng-model="formEntries.toDateTime"/>
      <span class="input-group-addon" data-ng-click="pickToDateTime()"><span class="glyphicon glyphicon-calendar"></span></span>
 </div>
</div>

控制器：

$scope.pickFromDateTime = function () {
   $("#datetimepickerFrom").datetimepicker();
   $("#datetimepickerFrom").datetimepicker().change(function() {       
       $(this).data("DateTimePicker").hide();
       console.log($(this).data("DateTimePicker").getDate()); 
   });
}


$scope.pickToDateTime = function () {
   $("#datetimepickerTo").datetimepicker();
   $("#datetimepickerTo").datetimepicker().change(function() {
       $(this).data("DateTimePicker").hide();
       console.log($(this).data("DateTimePicker").getDate());   
   });
}

$scope.getData = function() {
    console.log($scope.formEntries.fromDateTime);
    console.log($scope.formEntries.toDateTime);

}

4

1 回答 1

1

永远不要在控制器中编写 DOM 或 jQuery 代码。它永远不会正常工作。您必须创建一个指令来执行此操作。该指令将监听您正在使用的任何库中的事件并更新您的模型。这是恰好与 datepicker 一起使用的指令示例。这应该让你走上正确的轨道。

于 2014-09-30T21:39:27.833 回答