如何使用jquery或javascript进行只读时间控制

时间:2013-10-11 07:36:19

标签: javascript jquery

我正在处理某个ui,我听到用户抱怨他们能够输入时间控制其他数字,如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>';

我试图在两者中包含readonly属性,我仍然可以在这些控件中输入值。 任何关于我将如何使它们只读的想法将受到高度赞赏

的问候,

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:1)

您可以尝试以下

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