Note that there are some explanatory texts on larger screens.

plurals
  1. POWHY my Datepicker looks so weired?
    primarykey
    data
    text
    <p>I'm trying to use jquery UI. I download everything and follow the instruction, I add such code in my html:</p> <pre><code>&lt;link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" /&gt; &lt;script type="text/javascript" src="/js/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { $( "#id_myDate" ).datepicker({ inline: true }); }); &lt;/script&gt; ..... &lt;div&gt;Date: &lt;input type="text" id="id_myDate" name="deadLine"&gt;&lt;/div&gt; </code></pre> <p>When I load this page, the Datepicker looks so weired.</p> <p><img src="https://i.stack.imgur.com/xNWU6.jpg" alt="enter image description here"></p> <p>What's wrong? When I download jquery UI, I open the index.html and everything works fine(including datepicker), but when I put it into my app, it looks bad.</p> <p>BTW. My browser is Chrome(I test this in firefox too, same problem), and I'm working on a google appengine app in python. </p> <p>Thank you.</p> <p>------------------------<strong>EDIT</strong>---------------------------</p> <p>I'm sorry. Because this is a google appengine, so I should configure my static files, such as js and css. I forget to configure my css files in app.yaml. Now, I add this in yaml file:</p> <pre><code>- url: /js static_dir: js - url: /css static_dir: css </code></pre> <p>js and css are the name of dir where these files located. Thank you very much. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload