在Angularjs中使用My97 DatePicker

简单三步:为My97 DatePicker建立directive;在页面引用;在js中使用$watch可监控时间控件的值变化

建立directive

为My97 DatePicker建立directive,代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
app.directive("datePicker", function() {
return {
restrict: "A",
link: function(scope, element, attr) {
element.bind("click", function() {
WdatePicker({
readOnly: true,
dateFmt: 'yyyy-MM-dd',
maxDate: (new Date() || '%y-%M-%d'),
onpicked: function() {
scope.$apply(scope.queryDate = this.value);
this.blur();
}
});
});
}
};
});

页面调用

1
<input value="" readOnly date-picker class="Wdate" type="text" ng-model="queryDate" />

如果要在controller中监控时间控件的值变化,可以使用如下代码:

1
2
3
4
$scope.$watch('queryDate', function(newValue, oldValue) {
console.log(newValue);
//TODO Something
});
坚持原创技术分享,您的支持将鼓励我继续创作!