AngularJS将datatimepicker所选值绑定到ng模型
我有一个新手AngularJS问题-我正在使用datetimepicker库,我很难选择要绑定到我的模型的日期。。。我看到一些帖子说不能直接访问datetimepicker模型,但在我的例子中,我发现如果我只是在日期输入框中手动输入一个文本值,它就会绑定!如果我用选择器选择一个日期,我会得到可怕的“未定义”:(…帮助 HTML标记:AngularJS将datatimepicker所选值绑定到ng模型,angularjs,angular-ngmodel,bootstrap-datetimepicker,Angularjs,Angular Ngmodel,Bootstrap Datetimepicker,我有一个新手AngularJS问题-我正在使用datetimepicker库,我很难选择要绑定到我的模型的日期。。。我看到一些帖子说不能直接访问datetimepicker模型,但在我的例子中,我发现如果我只是在日期输入框中手动输入一个文本值,它就会绑定!如果我用选择器选择一个日期,我会得到可怕的“未定义”:(…帮助 HTML标记: <div class="col-md-2"> <div name="fromDateTime" class="input-group date
<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>
}永远不要在控制器中编写DOM或jQuery代码。它永远不会正常工作。您必须创建一个指令来执行此操作。该指令将侦听您正在使用的任何库中的事件并更新您的模型。这将使您走上正确的轨道。要正确学习AngularJS吗?执行一两个不包含的项目首先是ng jQuery或其他DOM操作库。我在没有jQuery的情况下启动了这个程序,我只是不知道如果没有它怎么做dattimepicker…请告诉我你是否这样做。
$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);