1、写一个angular自定义指令Directive
app.directive('wdatePicker', function () {
return {
restrict: "A",
require: 'ngModel',
link: function (scope, element, attr, ngModel) {
element.bind('click', function () {
window.WdatePicker({
onpicked: function () {
element.change();
scope.$apply(function () {
ngModel.$setViewValue(element.val());
});
},
oncleared: function () {
element.change();
scope.$apply(function () {
ngModel.$setViewValue(element.val());
});
}
})
});
}
}
});
2 以指令方式使用My97DatePicker----wdate-picker
<input id="date" class="WdateNo form-control" type="text"
ng-model="user.startdate" wdate-picker />
记得页面引用
<script src="~/Content/My97DatePicker/WdatePicker.js"></script>