大佬教程收集整理的这篇文章主要介绍了将datetimepicker连接到angularjs，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
因此，问题是：
ng_model每ng-model在div ID=date元件;ng_model从input元素中删除并实现ngModelCtrl.$render功能，以将模型更改呈现给元素因此，您需要以其他方式处理变更事件，请看：
element.datetimepicker({
dateFormat:'dd/MM/yyyy hh:mm:ss',
language: 'pt-BR'
}).on('changeDate', function(e) {
ngModelCtrl.$setVIEwValue(e.date);
scope.$apply();
});
这是工作中的Plnkr。
一些其他提示：
ng-model并实施ngModelCtrl.$render以处理模型更改template属性以封装组件的内部元素一个使用$ render的非常简单的示例：
var picker = element.data('datetimepicker');
ngModelCtrl.$render = function() {
if (ngModelCtrl.$modelValue) {
picker.setLocalDate(ngModelCtrl.$modelValue);
} else {
picker.setLocalDate(null);
}
}
我需要使用angular +
bootstrap创建一个带有日期和时间的输入字段。我发现这个日期时间选择器看起来确实很需要我-
日期和时间在一个字段中，并且阻止了用户错误的版本。我写了一条指令，启动了datepickers，但是它改变了视图，并且模型没有改变……我也尝试了onSelect，但是也没有任何反应
<div class="container container-fluid" ng-controller="Ctrl1">
2+2={{2+2}},var1={{var1}}
<form class="form-horizontal" novalidate name="form" ng-submit="submit()">
<div class="well">
<div id="date" class="input-append" datetimez ng_model="var1">
<input data-format="MM/dd/yyyy HH:mm:ss PP" type="text" id="input1" name="input1" ng_model="var1"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div>
</form>
</div>
js
var project = angular.module('project',['ui.bootstrap']);
project.directive('datetimez',function() {
return {
restrict: 'A',require : 'ngModel',link: function(scope,element,attrs,ngModelCtrl) {
$(function(){
element.datetimepicker({
dateFormat:'dd/MM/yyyy hh:mm:ss',language: 'pt-BR',onSelect:function (date) {
//alert('zz');
ngModelCtrl.$setViewValue(date);
scope.$apply();
}
});
});
}
};
});
project.controller('Ctrl1',['$scope','$rootScope',function(scope,rootScope){
scope.var1="123";
}]);
如何解决？建立联系？
以上是大佬教程为你收集整理的将datetimepicker连接到angularjs全部内容，希望文章能够帮你解决将datetimepicker连接到angularjs所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。