HTML5でドラムロール型のプルダウン設置

Question

Laravel 5 でブラウザベースのWEBアプリを作成しました。

この中で生年月日のプルダウンを設定したのですが、ドラムロール型のプルダウンを設定してほしいと要望がありました。

iOSのスマホアプリで良く見かけるのですが、
HTML５でのアプリケーションで見たことがありません。

このような設定はできるのでしょうか？
JQuery などで実現できるようなものでしょうか？
よく分からず困っています。
よろしくお願いいたします。

Answer 1

iOS特有のものだったはずなので、それ以外となると自作する必要がありますが、
プラグインがあります。

• MOBISCROLL

紹介記事：iOSやAndroidのスピナーUIを自前で実装可能にするJSライブラリ「Mobiscroll」
demoのDATETIMEとかまさにそれですね。

Comments

[m.ts10806]

「あります」なんて知った風に書きましたけど、この質問を受けて「プラグインありそう」と調べて初めて見つけたものです。ただ、PCのマウス操作では使いづらいですね。

[m.ts10806]

selectというかドラムロール風に動くものを利用して選択したものをinput textに入れるものですけど。