時刻の入力欄の作り方を教えてください。

時刻の入力欄の作り方を教えてください。

xmlで以下の設定をします。

まず、"<field_templates>" 側に以下を入れます。
<field_template id="time1" type="text" form_type="text" title="時間" edit-auth="self,adviser" />
<field_template id="time2" type="text" form_type="text" title="分" edit-auth="self,adviser" />

次に、時刻入力欄を設置したいカード(static_card, appendable_card)に以下を入れます。
<table style="width : 15em; text-align : center;">
       <tr>
            <td>
                  <field id="time1" ref="time1"/>
            </td>
            <td>
                  <p>:</p>
            </td>
            <td>
                  <field id="time2" ref="time2"/>
            </td>
      </tr>
</table>
以上の設定が完了すると添付画像のような時刻入力欄が完成します。

入力前


入力後