javascript - jqueryまたはjavascriptを使用して時間コントロールを読み取り専用にする方法

Question

特定の 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>';

両方に読み取り専用プロパティを含めようとしましたが、これらのコントロールに値を入力できました。それらを読み取り専用にする方法についてのアイデアは高く評価されます

よろしく、

ホセ

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