Javascript Jquery datepicker赢得'；不允许在禁用的文本框中更改日期。

我在指令中使用了一个日期选择器，允许用户选择日期。我已禁用文本框，以便强制用户仅使用datepicker小部件更改日期。该指令如下所示：

function InformationDirective(){
return { 
    restrict: 'A',
    link: function (scope, element, attrs, ngModelCtrl) {
        var date = document.getElementById('reqDate');
        $(date).datepicker($.extend({
            dateFormat: 'm/d/y'
        }
    ));
        $("#calTrigger-btn").click(function(){
            $(date).datepicker("show");

        });         
    }
 };
}

HTML如下所示：

<div information-directive>
   <input   id="reqDate"
            ng-model="date"
            type="text"
            value="{{reqDate}}"
            disabled/>  
    <div type="button" id="calTrigger-btn">
         <img id="calendar-img" src="css\images\calendar.gif"></img>
    </div>                                                                  
</div>

---

由于某种原因，我的日期选择器只允许我选择一次日期，在按钮启动后，该按钮将不会再次启动小部件。$（“#calTrigger btn”）。单击（函数（）每次单击按钮时都会调用，但在第一次选择后不会调用小部件。指令和所有内容都添加到html中，唯一的问题是我在选择一次日期后无法使用datepicker。我使用的是Jquery-ui-1.8.15，无法将其更改为新的。我想知道是否e是我可以解决此问题的任何方法。非常感谢提供的任何帮助。谢谢。

看起来您使用的是angular js（我对此一无所知），但如果您可以按以下方式设置，它将按预期工作

$（'#reqDate'）.datepicker（$.extend({
日期格式：“m/d/y”
}
));
$（“#calTrigger btn”）。单击（函数（）{
$（'reqDate'）。日期选择器（“show”）；
})；

---

使用“只读”和“自动对焦”而不是“禁用”怎么样？