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

Question

我使用指令是为了在我的 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));
        },
    };
});

Answer 1

我只是整理了一个小演示来测试您的情况。

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

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

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

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