文本框的readonly属性使整个组在数据时间选择器的实现期间变为只读

时间:2019-03-02 11:27:57

标签: html asp.net twitter-bootstrap

我正在尝试在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”时,包括<span>在内的所有glyphicon glyphicon-calendar都变为只读。如何仅将textbox设为只读。

谢谢 帕塔

1 个答案:

答案 0 :(得分:0)

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

<input onkeydown="return false"  />

在您的示例中,请尝试以下操作:

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