angular js 类似于datepicker input问题

angular的绑定针对input等获得焦点输入使用

对于datapicker等ui控件赋值的，不能改变绑定显示，

通过js控制改变的，不能改变绑定显示

类似datepicker的情况，使用指令的方式解决问题

栗子

js:

var directives = angular.module("directives",[]);
directives.directive("datepicker",function(){
return function(scope,element,attrs){
$(element).datepicker({
inline :true,
dateFormat : "yy mm dd",
onSelect : function(dataText){
var mPath = $(this).attr("ng-model");
scope.mPath = dataText;
scope.$apply();
}
})
}
})

 

html :

<div ng-app = 'directives'>
<p ng-bind= 'myDateValue' ng-init="99999999"> </p>
<input type="text" datepicker ng-model="myDateValue" />
</div>