如何使用jQuery或JavaScript将时间控件设为只读

Question

我正在某种UI上工作，我听到用户抱怨说他们可以输入时间控件，例如22323234，并保存不需要的有效时间。 这就是我对12hr和24hr系统进行时间控制的方式

 var table_html = '<td style="min-width: 200px;"><input name="' + control_id + '" id="' + control_id + '" value="' + row_val + '" type="time" datetime="h:mm"></td>';

 var table_html = '<td style="min-width: 200px;"><input name="' + control_id + '" id="' + control_id + '" value="' + row_val + '" type="time" datetime="hh:mm"></td>';

我试图在两者中都包含readonly属性，但我仍然能够在这些控件中输入值。 我将如何使它们变为只读的任何想法将不胜感激

问候，

约瑟

Answer 1

HTML代码

<td style="min-width: 200px;"><input name="1" id="2" value="12345" type="time" datetime="h:mm"></input></td>

<td style="min-width: 200px;"><input name="1" id="2" value="3" type="time" datetime="hh:mm"></input></td>
<br/>
<p>disabled input</p>
<!-- to disable -->
<td style="min-width: 200px;"><input name="1" id="2" value="12345" type="time" datetime="h:mm" disabled></input></td>

<td style="min-width: 200px;"><input name="1" id="2" value="3" type="time" datetime="hh:mm" disabled></input></td>

http://jsfiddle.net/33sDR/

Answer 2

您可以尝试如下

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