在允许用户仍然单击下拉按钮的同时，如何禁用数据选择器文本框？

Question

此处是快速问题。我的预订表中的日期选择器出现问题。由于我的日期选择器有一个最大日期和一个最大日期，因此我不想让用户有机会将他/她想要的任何日期写到文本框字段中，因此显然这意味着必须将其禁用。但是通过禁用文本框，我的数据选择器也被禁用。有什么办法可以解决这个问题吗？

日期选择器代码

                  <div class="input-group date" data-provide="datepicker" require="">
                    <input name="new_booking_date" width="276"  placeholder="Date" class="form-control input-md" type="date" max="<?php echo date("Y-m-d", strtotime("+30 day")); ?>" min="<?php echo date("Y-m-d", strtotime("+1 day")); ?>" required="" disabled
                    <div class="input-group-addon"><span class="glyphicon glyphicon-th"></span></div>
                  </div>

/>

Answer 1

您可以使用readonly属性：

String test2 = HelloWorld.user_input.next();

  

如果设置为true，则用户无法更改元素的值。   但是，该值仍可以由脚本修改。   https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/readonly

顺便说一句，此属性的值可以是所有值，包括'true'甚至不包含任何值，因此这也可以工作：

<input readonly="readonly">

但是最好使用W3C标准：readonly =“ readonly”，因为其他选项在HTML5中无效（“ readonly”和none选项除外）。