Date & Time / Basic usage time
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
Time Only Picker
12 Hour Format
Visible AM/PM Wheel
Hidden Set/Cancel Buttons
What to do
Try Different Display modes
Pick a Time by Scrolling
Try it on your phone at msc.li/amhb
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().time({
        theme: 'default',
        accent: ' ',
        lang: ' ',
        display: 'modal',
        animate: ' ',
        mode: 'scroller',
        setText: false,
        cancelText: false,
        headerText: false
    });    
    $('#show').click(function(){
        $('#demo').mobiscroll('show'); 
        return false;
    });
    $('#clear').click(function () {
        $('#demo').val('');
        return false;
    });
});