Databases
StackOverflow2013
Postsdbo
POjquery Datepicker doesn't work
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery Datepicker doesn't work
    text
    copied!<p>jquery Datepicker doesn't work in my code. </p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt; &lt;head&gt; &lt;link rel="stylesheet" type="text/css" href="static/css/start/jquery-ui-1.8.16.custom.css"/&gt; &lt;script type="text/javascript" src="static/js/jquery-1.6.2.min.js"&gt;&lt;/script&gt; &lt;!-- here are others script i use --&gt; &lt;script type="text/javascript" src="static/js/date.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="static/js/jquery.ui.core.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="static/js/jquery.ui.datepicker.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="mainHome" &gt; &lt;!-- bla bla more code... --&gt; &lt;div id="content"&gt; &lt;h1&gt;Add new project&lt;/h1&gt; &lt;form action="" id="form2"&gt; &lt;table&gt; &lt;tr&gt; &lt;td class="right"&gt;Project Title&lt;/td&gt; &lt;td&gt;&lt;input type="text" class="textproject" name="projecttitle"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="right"&gt;Acronym&lt;/td&gt; &lt;td&gt;&lt;input type="text" class="textproject" name="acronym"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="right"&gt;Start date&lt;/td&gt; &lt;td&gt;&lt;input id="datepicker" type="text" class="textdate" name="startdate" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="right"&gt;End date&lt;/td&gt; &lt;td&gt;&lt;input type="text" class="textdate" name="enddate" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;!-- other html code --&gt; &lt;/table&gt; &lt;/form&gt; &lt;/div&gt; &lt;--! other html code --&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>i did't put all the code. in the file .js called date.js i have:</p> <pre><code> $(document).ready( function() { $("#datepicker").datepicker(); }); </code></pre> <p>i tried everything but i still doesn't work!</p> <p>edit: I understand what the problem is. In addition to using the library for the calendar, I'm also using a library for an overlay effect. Depending on the order of how I include the files or does one or the other but it does not work together. This is the code:</p> <pre><code> &lt;script type="text/javascript" src="static/js/jquery-1.6.2.min.js"&gt;&lt;/script&gt; &lt;script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"&gt;/script&gt; &lt;script type="text/javascript" src="static/js/jquery-ui-1.8.16.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="static/js/date.js"&gt;&lt;/script&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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