mobiscrollで日付・時刻を入力・表示する | Try Lifelog
mobile機器の画面で日付や時刻を入力するには、mobiscrollが便利だ。(PCのブラウザでももちろん使える。) 今回は、この中のdatetime コンポーネントを使ってみる。 mobiscrollのCSS/スクリプトファイルを読み込む 適宜ダウンロードしてCSS・スクリプトファイルを読み込む。CDNがあるかは不明。 <!-- HTML --> <link rel="stylesheet" href="/jslib/mobiscroll/mobiscroll.custom-2.5.0.min.css"/> <!-- mobiscrollの前にjQueryをロードする必要がある。--> <script src="/jslib/mobiscroll/mobiscroll.custom-2.5.0.min.js"></script> HTMLでコンポーネントをマークアップする <!-- H
jQuery mobileでiphoneぽい日時セレクト画面。
iphoneのアラームなどで時間を設定する時に出るアレ。 セレクト画面をくるくるっと動かせて、時間や日にちを選択する仕様。 あれって、jQuery mobileとかでできないのかなあー・・・と。 普通のセレクト画面をiphoneで見てもくるくる仕様にはなるのですが、月日を一緒にしたり、日時を一緒に選択するってできないですよね。 しかも、じゃあiphone以外だとどうなるの？ってことに。(Androidを持っていなくて、、；) そんなことがあり、何とかしてスマフォ(Androidも含む)での日時選択のくるくる仕様が実現できないか探したところ、あんまり無いんですね； 結局、100％納得いくようなものは無かったのですが、それっぽいことが実現可能なプラグインを二つほど見つけました。 jquery.mobile.datebox.jsとmobiscroll jquery.mobile.datebox.
mobiscroll - Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones,...
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile & desktop demos - 250+ examples with source | Mobiscroll
Mobiscroll getting started guide for jQuery and jQuery Mobile
