Mobiscroll popup not showing.

Discussion in 'jQuery' started by srishet, Sep 24, 2012.

0
  1. #1
    I was unable to get date picker window in my texbox. I have read the mobiscroll documentation thoroughly. However, i didnt get any output result. pls help me.

    This is my below code:


    <!DOCTYPE html>
    <html>
    <head>

    <link rel="stylesheet" type="text/css" href="css/mobiscroll-2.0.3.custom.min.css">
    <script type="text/javascript" src="google/js/mobiscroll-2.0.3.custom.min.js"></script>
    <script type="text/javascript" src="google/js/jquery-1.7.2.js"></script>


    <script type="text/javascript" >
    $(function(){
    $('#i').scroller({
    preset: 'date',
    invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] },
    theme: 'sense-ui',
    display: 'modal',
    mode: 'mixed',
    dateOrder: 'mmD ddyy'
    });
    $('#show').click(function(){ $('#i').scroller('show'); return false; });
    $('#clear').click(function () { $('#i').val(''); return false; });

    });

    $(function(){
    $('#i').scroller({
    preset: 'date',
    invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] },
    theme: 'sense-ui',
    display: 'modal',
    mode: 'mixed',
    dateOrder: 'mmD ddyy'
    });
    $('#show').click(function(){ $('#i').scroller('show'); return false;});
    $('#clear').click(function () { $('#i').val(''); return false; });

    });

    </script>

    </head>
    <body>



    <input id="i" name="i" type="text" />
    <a href="#" id="show" class="btn">show</a>



    </body>
    </html>]

    This is my code. I'm using same format as in mobiscroll documentation . It included jquery files in js folder and css file . Where am i doing it wrong?
     
    srishet, Sep 24, 2012 IP