My goal is to include a FullCalendar into JQueryMobile. I have followed this guide

Question

0

Asked: June 13, 20262026-06-13T13:36:46+00:00 2026-06-13T13:36:46+00:00

My goal is to include a FullCalendar into JQueryMobile. I have followed this guide

0

My goal is to include a FullCalendar into JQueryMobile.
I have followed this guide but when I run it with the Android Emulator, it loads the event dialog page with input text “title” and “color” like the image below.
click my image

How can I make it load a full calendar view first instead of an event dialog?
click my image

I have copied all js & css. Here is my index.html code

<html>
<head>
    <link rel='stylesheet' type='text/css' href='resources/css/jquery-ui-1.8.13.custom.css'/>
    <link rel='stylesheet' type='text/css' href='resources/css/fullcalendar.css'/>
    <link rel='stylesheet' type='text/css' href='resources/css/application.css'/>

    <script type='text/javascript' src='resources/js/jquery-1.5.1.min.js'></script>
    <script type='text/javascript' src='resources/js/jquery-ui-1.8.13.custom.min.js'></script>
    <script type='text/javascript' src='resources/js/fullcalendar.min.js'></script>
    <script type='text/javascript' src='resources/js/underscore.js'></script>
    <script type='text/javascript' src='resources/js/backbone.js'></script>
    <script type='text/javascript' src='resources/js/application.js'></script>
</head>
<body>
    <div id='calendar'></div>       

    <div id='eventDialog' class='dialog ui-helper-hidden'>
        <form>
            <div>
                <label>Title:</label>
                <input id='title' class="field" type="text"></input>
            </div>
            <div>
                <label>Color:</label>
                <input id='color' class="field" type="text"></input>
            </div>
        </form>
    </div>      
</body>
</html>

Please advise how to load full calendar view instead of the event dialog coming first.