MOBISCROLL - Date - Time - NO JQM

by bizamajig

HTML

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta class="meta_disable_zoom" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    
    <link rel="apple-touch-startup-image" href="#">
    <link rel="apple-touch-icon-precomposed" href="TranslatorAgenda.png">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Squada One|Dosis|Electrolize|Port Lligat Sans">
    
    <link href="http://demo.mobiscroll.com/Content/css/mobiscroll-2.0.full.min.css" rel="stylesheet" type="text/css" />
    
    <script src="http://demo.mobiscroll.com/Content/js/mobiscroll-2.0.full.min.js" type="text/javascript"></script>
    
    
    <div id="about" class="hidden">
        <p><strong>Translator Agenda</strong><br />
            Version 1.0<br />
            Developed by <a href="http://pestanatranslations.com" title="Daniel Pestana"><u>Daniel Pestana</u></a></p>
           <p><em>Easily track your translation projects<br />
        using a simple interface.<br />
            </em></p>
        <p>
            <a href="http://twitter.com/Daniel_Pestana" title="@Daniel_Pestana" target="_blank"><u>@Daniel_Pestana on Twitter</u></a>
        </p>
        <p><button type="button" id="closeButton">Close</button></p>
    </div>
    
    <div id="clearLog-message" title="Clear Agenda" class="hidden">
        Are you sure you want to delete all projects in your agenda?
    </div>
    
    <div id="emptyFields-message" title="Missing Required Fields" class="hidden">
        Missing Required Fields.
    </div>
    
    <header>
        <h1>Translator Agenda</h1>
    </header>
    <br>
        <center><form id="logForm">
            <p><input type="text" name="reference" value="Your Reference" onfocus="if(this.value == 'Your Reference') this.value = '';" onblur="if(this.value == '') this.value = 'Your Reference';"></p>
            <p><input type="text" name="project"...

JavaScript

$('input[type=date]').scroller({ preset: 'date' });                                        
            $('input[type=time]').scroller({ preset: 'time' });