Javascript Angularjs,如何设置输入的ng模型,以使用自动绑定更改日期和时间?

Javascript Angularjs,如何设置输入的ng模型,以使用自动绑定更改日期和时间?,javascript,datetime,angularjs,jquery-ui-datepicker,Javascript,Datetime,Angularjs,Jquery Ui Datepicker,如何为输入设置ng模型,以使用自动绑定更改日期和时间 这是普朗克 在这种情况下,我想更改日期和时间,但我不知道如何为这两种输入设置ng model 谢谢 您可以将其分配给datepicker回调函数范围中定义的模型。您还需要scope.$apply()来触发摘要,因为赋值不在AngularJS的范围内 onClose: function (selectedDate) { scope.dateTtime = selectedDate; scope.$apply(); } 以下

如何为输入设置ng模型,以使用
自动绑定更改
日期和时间

这是普朗克

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


谢谢

您可以将其分配给datepicker回调函数范围中定义的模型。您还需要
scope.$apply()
来触发摘要,因为赋值不在AngularJS的范围内

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

以下是设置日期和时间的
ng模型的方法:

在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>
我假设您希望保留格式
2013-10-01T00:00
,或者将从该格式的某处接收数据


工作plunk中的更多细节:

您应该在问题中添加相关的代码示例,使其独立。因为我不知道XDDYou已经有plunk了,所以您只需从plunk中复制相关代码并粘贴到此处即可!谢谢这就是我需要的!我差点忘了$applyi如果我想对所有的日期选择器使用这个jqdatepicker属性,我该怎么做?@jos从代码中可以看出,
jqdatepicker
只是指令的名称。配置指令后,可以将其作为属性添加到模板中。更多细节:我有两个日期选择器元素,分别是ng modal='someobj.startdate'和ng modal='anotheobj.enddate'。如果我为这两个代码编写了一个通用指令,它就不起作用了。@jos如果没有代码片段,很难给出更多细节。但是,您的ng模型绑定对象应该看起来像dateRangeOjb={start:moment(startDate),end:moment(endDate)}。然后,您可以访问ngModel并在common指令中执行您想要的任何操作。最好看一看
NgModelController
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();
        }
      });
    }
  };
});