「jQuery Mobile/Dateboxプラグイン」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
*Dateboxプラグインでできること
日付・時刻の入力を簡単にするプラグイン
*準備
[[jQuery Mobileプラグイン「Datebox」を活用したスマートフォンサイト作成 - CodeZine>>http://codezine.jp/article/detail/7368]]
flipbox(上下スクロールで日付・時間を入力)を配置したかったので
+必要な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(日本語化用)
+入力ボックス(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がこれでいいのか、不明
[[http://dev.jtsage.com/cdn/datebox/]]
**フォーマット
日付は YYYY/MM/DD
時刻は HH:MM
この形式でないと、入力ボックスの値を「読み取って」もらえない
*Dateboxプラグインでできること
日付・時刻の入力を簡単にするプラグイン
[[DateBox>>http://dev.jtsage.com/jQM-DateBox/]]
*準備
[[jQuery Mobileプラグイン「Datebox」を活用したスマートフォンサイト作成 - CodeZine>>http://codezine.jp/article/detail/7368]]
flipbox(上下スクロールで日付・時間を入力)を配置したかったので
+必要な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(日本語化用)
+入力ボックス(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がこれでいいのか、不明
[[http://dev.jtsage.com/cdn/datebox/]]
**フォーマット
日付は YYYY/MM/DD
時刻は HH:MM
この形式でないと、入力ボックスの値を「読み取って」もらえない