Calendar / With time scroller
Try now RISK-FREE for 30 days
Amazing support included! We'll help you get started in no time!
Amazing support included! We'll help you get started in no time!
See what makes this demo awesome
Highlights
Calendar and Time scroller
Smart-Layout
Easy Date & Time picking
What to do
Try Tapping the Calendar / Time tabs
Set a Date and a Time
Try Loading the "iPad Mini" emulator
Try it on your phone at msc.li/bfhz
Source

HTML

Copy to Clipboard
<input id="demo" />

<button id="clear">Clear</button>
<button id="show">Show</button>

Javascript

Copy to Clipboard
$(function(){
    $('#demo').mobiscroll().calendar({
        controls: ['calendar', 'time'],
        theme: 'default',
        accent: ' ',
        lang: ' ',
        display: 'inline',
        animate: ' ',
        mode: 'scroller'
    });    
    $('#show').click(function(){
        $('#demo').mobiscroll('show'); 
        return false;
    });
    $('#clear').click(function () {
        $('#demo').val('');
        return false;
    });
});