jQueryMobileのdatetime
jQuery Mobileを使用してフォーム部品のdatetimeを表示します。
datetimeではyyyymmdd 24h:ss形式で表示されます。

<div data-role="content">
  <div data-role="fieldcontain">
    <label for="datetime">日時:</label>
    <input type="datetime" id="datetime" name="datetime"/>
  </div>
</div>


datetimeのDEMOです。

jQueryMobileのdatetime-local
datetimeを指定するとテキストボックスのように表示されてしまいました。jQueryMobileのdatetime-localを指定してみます。
iOSで確認すると、現在時間が表示されるようです。

<div data-role="content">
  <div data-role="fieldcontain">
    <label for="datetime">日時:</label>
    <input type="datetime-local" id="datetime" name="datetime"/>
  </div>
</div>


実機確認


datetimeのDEMOです。

Back to top

Information