Question

我试图通过添加属性disable =＆＃34; true＆＃34;来禁用Bootstrap Date选择器，现在禁用了text-box。点击文本框时，日期选择器仍然有效，我该如何解决这个问题。

HTML

<div class="input-group" id="DateDemo">
    <input type="text" id="txtPatientDOB" name="dd" data-format="MM/DD/YYYY" placeholder="DOB" class="form-control" disabled="disabled" /> <span class="input-group-btn">
    <button class="btn btn-green" type="button"><i class="glyphicon glyphicon-calendar"></i></button>
    </span>
</div>

JS

 $("#txtPatientDOB").attr("disabled", true);

Answer 1

试试这个：

将日期禁用设为＆＃34;＆＃39; true＆＃39;＆＃34; （所有日期都不可点击）和show-button-bar to＆＃34;＆＃39; false＆＃39;＆＃34; （按钮不可见）。

<label>Date</label>
<p class="input-group">
    <input type="text" class="form-control" ng-model="dt"
       datepicker-popup="MM-dd-yyyy" is-open="opened" close-text="Close"
       show-weeks="true" show-button-bar="'false'" date-disabled="'true'" disabled />
    <span class="input-group-btn">
        <button class="btn btn-disabled" ng-click="open()">
            <i class="glyphicon glyphicon-calendar"></i>
        </button>
    </span>
</p>

或尝试将Disabled属性设置为true：

$("#Date").prop('disabled', true);

Answer 2

尝试使用以下代码禁用datepicker

<强> JS

$(document).off('.datepicker.data-api');

如何禁用Bootstrap DatePicker

2 个答案: