Contents

Welcome to the Mobiscroll API Reference. You can find the most up to date information about usage and customization options here.

Supported Platforms - Android 4.0+ including Android Marshmallow, iOS 6+ including iOS 9, Windows Phone 10 and all major mobile and desktop browsers

Having trouble? Ask for help.


General Calendar Color Date & Time Event Calendar Forms Image Listview Measurement Menustrip Number Numpad Range Rating Scroller Select Timer Timespan Treelist Widget Tools Accessibility Integration Server Controls

Getting Started

Mobiscroll lets you easily create and customize touch friendly spinner/scroller controls.
Thanks to its architecture, the mobiscroll core provides the scrolling functionality and it can be used not just for date & time picking, but for rendering scrollable lists, selects, radiobutton lists, basically everything that lets you select a value.

To get started, follow these easy steps and create your first component.
The component is tied to either an input or a select element.

1. Download Mobiscroll

When building your package, select the required components on the download page.

2. Load the necessary scripts

<script src="js/mobiscroll.custom-3.0.0-beta3.min.js"></script>
<link href="css/mobiscroll.custom-3.0.0-beta3.min.css" rel="stylesheet" type="text/css">

3. Add an input to your HTML markup

<input id="scroller" />

4. Initialize your component

Default time picker
// create a datepicker with default settings
mobiscroll.date('#scroller');
Default time picker
// create a timepicker with default settings
mobiscroll.time('#scroller');
Default datetime picker
// create a datetimepicker with default settings
mobiscroll.datetime('#scroller');

For more examples check out the demo page.

Preorder available for Ember JS
What you'll get:
- Exclusive Early Beta Access
- Show your interest in the product. Based on the preorders we'll set the development and shipping priorities
- Get access to the full Framework until we ship
- Support and Maintenance is on us until we release the Mobiscroll for Ember
- We believe in delivering great products so if for any reason you are not satisfied, you'll get a full refund