Javascript

Mobiscroll - Wheel Scroll Date Time Picker for Touch Devices

Written by Kevin Liew on 11 May 2012
12,310 Views • Shares
1 comment

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

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 5 years ago
Useful for developers like us. I really like UI for some of the pics.
Reply