I have a form I've put together using Bootstrap 3. Some of the fields are for date input, and I'm using Bootstrap 3 Datepicker to pop up calendars. I have put onkeydown="return false;"
on the input controls to prevent free text from being inserted.
The trouble is, users can still (and will) clear the text box with the little X that bootstrap puts in there. Is it possible to remove this functionality?
Here's the datepicker markup. It's enabled depending upon the index value of a drop down list. I'm using webforms:
<div class="col-sm-3">
<div class='input-group date' id='dateEnd'>
<asp:TextBox ID="datepickerEnd" runat="server" CssClass="form-control datepickerEnd" Enabled="False" placeholder="Specify to date" onkeydown="return false;" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
Datepicker