javascript - 如何使用 jquery 或 javascript 使时间控件只读

Question

我正在开发某个用户界面，我听到用户提示他们能够输入时间控制其他数字，例如 22323234 并保存不需要有效时间的数字。这就是我如何控制 12 小时和 24 小时系统的时间

 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>';

我尝试在这两个控件中包含只读属性，但我仍然能够在这些控件中输入值。任何关于如何使它们只读的想法将受到高度赞赏

问候，

何塞

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/