美文网首页
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