文本框只读属性使整个组在日期时间选择器的实现期间只读答案

【问题标题】：Textbox readonly property makes whole group readonly during implementation of datatime picker文本框只读属性使整个组在日期时间选择器的实现期间只读
【发布时间】：2019-07-24 06:36:12
【问题描述】：

我正在尝试在我的 asp.net 应用程序中实现引导日期时间纠察队。我编写了以下代码来显示日期时间选择器。

<div class="input-group date" data-provide="datetimepicker1">   
    <asp:TextBox ID="txtDateTime" runat="server" class="form-control" placeholder="Date Time" ReadOnly="true"></asp:TextBox>
<span class="input-group-addon">    
    <span class="glyphicon glyphicon-calendar"></span>
<span>
    <i class="glyphicon glyphicon-remove"></i>
</span>
</span>
</div>

我想将文本框设为只读，即#txtDateTime，因为我想避免验证日期和时间。但是当我将只读属性设为“True”时，所有内容都变为只读，包括包含glyphicon glyphicon-calendar 的<span>。我怎样才能只使textbox只读。

谢谢帕萨

【问题讨论】：

我不确定这是一个公平的问题。span 元素实际上是一个只读元素。

标签： html asp.net twitter-bootstrap

【解决方案1】：

不确定您在只读范围中的意思，无论如何您可以覆盖输入控件上的onkeydown 事件，这将是一个安全的解决方案，与您的解决方案一样与服务器端控件无关。

<input onkeydown="return false"  />

在你的例子中试试这个：

<asp:TextBox ID="txtDateTime" runat="server" class="form-control" placeholder="Date Time" onkeydown="return false"></asp:TextBox>

【讨论】：