Javascript Angularjs,如何设置输入的ng模型,以使用自动绑定更改日期和时间?
如何为输入设置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 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();
}
});
}
};
});