Hassle-free 5 minute guide to awesome Calendar

This is the third entry in our “Hassle-free” 5 minute guide series for making data-picking awesome in you app.

What?!?! Under 5 minutes? Keep on reading …

What you need

Under 5 minutes of time

A text editor and a browser

Wanting to make date picking awesome in your app

What you’ll be doing?

You will be rendering a calendar and making date picking easy in your mobile/tablet webapp or hybrid app (PhoneGap).

So let’s get started.

Oh wow. Just a few clicks and your almost done.

1 2	<link href="css/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" /> <script src="js/mobiscroll.custom-2.5.0.min.js" type="text/javascript"></script>

1 2	<!-- The HTML: Input for the date --> <input id="i" name="i" />

//The Javascript: initializing the component
$(function(){
      $("#i").mobiscroll().calendar({controls: ['calendar']});
});

NO way! Already?

If this is not sharable, what is?
If this was awesome and made you smile, spread the word!

You’ll find all resources you need to build the example and a step by step guide in text, without images.

Go to http://download.mobiscroll.com/calendar and choose the library you’re using (We support jQuery, jQuery Mobile, Zepto JS and Intel App Framework formerly known as jQMobi)
Choose the theme you like (There is a default theme added initially)
Hit that download button
Load the page you’d like to enhance with the Mobiscroll Calendar Control in your favorite IDE or Text Editor
Include the necessary CSS and JS files that came in your download package
Add an input to your markup and link mobiscroll to it
Open up your favorite browser or rather pick up your phone, we’re supporting all the major platforms (Android, iOS, Windows Phone 8, BlackBerry and Amazon Kindle) and navigate to the URL where you have your app
Enjoy the glory!
Share what you just learned