javascript - Angularjs，如何为输入设置 ng-model 以通过自动绑定更改日期和时间？

Question

Date and Time如何设置ng-model 以改变输入auto-binding？

这是 Plunker http://plnkr.co/edit/7kuvF6

在这种情况下，我想更改日期和时间，但我不知道如何ng-model为这两个输入设置。

谢谢 ！

Answer 1

您可以将其分配给日期选择器的回调函数中范围内定义的模型。您还需要scope.$apply()触发摘要，因为分配在 AngularJS 之外。

onClose: function (selectedDate) {
     scope.dateTtime = selectedDate;
     scope.$apply();
}

Answer 2

这是一种设置ng-model日期和时间的方法：

在您的 html 文件中：

<div ng-controller="date">
    DATE <input type="text" ng-model="date" jqdatepicker/><br />
    TIME <input type="text" ng-model="time" /><br />
    DateTTime: {{dateTtime}}<br />
</div>

在您的指令中：

myAPP.directive('jqdatepicker', function () {
  return {
    restrict: 'A',
    link: function (scope, element, attrs) {
      element.datepicker({
        changeYear: "true",
        changeMonth: true,
        dateFormat: 'yy-mm-dd',
        showOtherMonths: true,
        showButtonPanel: true,
        onClose: function (selectedDate) {
          scope.dateTtime = selectedDate + "T" + scope.time;
          scope.$apply();
        }
      });
    }
  };
});

我假设您想保留该格式2013-10-01T00:00或将从该格式的某处接收数据。

工作 Plunker 中的更多详细信息：http ://plnkr.co/edit/P7BG6q?p=preview