Mobiscroll - Wheel Scroll Date Time Picker for Touch Devices

Written by Kevin Liew on 11 May 2012
21,356 Views • Javascript

Introduction

A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.

The control is themable. You can easily change the appearance of if in CSS. It also comes with pre-defined, nice looking skins (Default, Android, Sense UI, Ice Cream Sandwich and iOS).

Features

  • Allow different type of data, not date/time only
  • Themable
  • Support Callback events (onClose, onSelect, onShow, onCancel, parseValue, formatResult)
  • Methods such as option, setValue, getValue and etc
  • Packed with a lot of options for date time manipulation
  • Support both inline and popup dialogue

Screenshots

By Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Related Articles
CodeMirror - Javascript Code Editor with Bundles of Features
Auto-insert Vendor-Specific CSS3 Properties with cssFx.js
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
Ankur 12 years ago
Useful for developers like us. I really like UI for some of the pics.
Reply