使用指令会导致字段变灰,但字段仍然有效

时间:2015-04-21 16:46:30

标签: javascript angularjs

我正在使用一个指令来利用我的AngularJS应用程序中的pickadate.js。当我将指令应用于输入字段时,该字段变灰,但仍然有效。如何使该字段不变灰?该指令正如预期的那样运作。

这是输入:

<input type="text" id="datestart" class="form-control"  pick-a-date="{format: 'mm/dd/yyyy'}" data-ng-model="vm.itemdatestart" placeholder="Start Date">

这是指令:

// Pick a date directive used as pick-a-date on HTML element
appDirectives.directive('pickADate', function() {
    return {
        // Restrict it to be an attribute in this case
        restrict: 'A',
        // responsible for registering DOM listeners as well as updating the DOM
        link: function(scope, element, attrs) {
            element.pickadate(scope.$eval(attrs.pickADate));
        },
    };
});

1 个答案:

答案 0 :(得分:2)

我只是放了一个小小的演示来测试你的情况。

http://codepen.io/Chevex/pen/jPOPxE

看起来pickadate插件会将readonly属性添加到input元素。

您可以使用CSS重新设置元素的样式。这是另一个演示。

http://codepen.io/Chevex/pen/EjxjpX