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>