jQuery Mobile > Dateboxプラグイン

Dateboxプラグインでできること

日付・時刻の入力を簡単にするプラグイン


準備


flipbox(上下スクロールで日付・時間を入力)を配置したかったので
  1. 必要なjs,cssのダウンロード/読み込み
    • jqm-datebox.min.css(Datebox共通)
    • jqm-datebox.core.min.js(Datebox共通)
    • jqm-datebox.mode.flipbox.min.js(Datebox flipbox個別)
    • jquery.mobile.datebox.i18n.ja.utf8.js(日本語化用)
  2. 入力ボックス(input)の配置
    • 日付 : <input name="~" id="~" type="date" data-role="datebox" data-options='{"mode": "flipbox"}'>
    • 時刻 : <input name="~" id="~" type="date" data-role="datebox" data-options='{"mode": "timeflipbox"}'>
typeがこれでいいのか、不明


フォーマット

日付は YYYY/MM/DD
時刻は HH:MM
この形式でないと、入力ボックスの値を「読み取って」もらえない
最終更新:2014年08月11日 22:45