美文网首页
Angular Directive-My97Date

Angular Directive-My97Date

作者: igordonshaw | 来源:发表于2015-07-03 15:47 被阅读192次

directive.js 内容如下

angular.module('NG', []).directive('ngdatepicker', function () {
    return {
        restrict: 'A',
        require: '?ngModel',
        link: function ($scope, $element, $attrs, ngModel) {
            $element.on('focus',function(){
                WdatePicker({
                    readOnly: true,
                    onpicked: function(){
                        $scope.$digest();
                    }
                });
            });
            $scope.$watch(function(){
                return $element[0].value
            }, function(newDate){
                eval('$scope.'+$attrs.ngModel+' = newDate;');
            });
        }
    }
});      

使用时需依赖jQuery及My97DatePicker,用法:
<input ngdatepicker type="text"/>

相关文章

网友评论

      本文标题:Angular Directive-My97Date

      本文链接:https://www.haomeiwen.com/subject/kmlyqttx.html