Databases
StackOverflow2013
Postsdbo
POjQuery timepicker and validate not working
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery timepicker and validate not working
    primarykey
    data
    text
    <p>I have two jQuery scripts that are not working on my page, a validate script, and a timepicker. They are not working at all, however datepicker is working. I get the following error for the time picker:</p> <p>Uncaught TypeError: Object [object Object] has no method 'timepicker'</p> <p>However that is the only error I am getting. </p> <p>This is the code I am using:</p> <pre><code> &lt;script src="/js/jquery-1.10.1.js"&gt;&lt;/script&gt; &lt;script src="/js/jquery-ui-1.10.3.custom.js"&gt;&lt;/script&gt; &lt;script src='/sorttable.js'&gt;&lt;/script&gt; &lt;script src="/js/jquery.ui.timepicker.js"&gt;&lt;/script&gt; &lt;script src="/jquery.validate.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="/assets/css/appmanager.css"&gt; &lt;link rel="stylesheet" href="/css/overcast/jquery-ui-1.10.3.custom.css" /&gt; &lt;link rel="stylesheet" href="/js/jquery.ui.timepicker.css" /&gt; &lt;script &gt; jQuery(document).ready(function() { jQuery(".content").hide(); //toggle the componenet with class msg_body jQuery(".heading").click(function() { jQuery(this).next(".content").slideToggle(500); }); }); &lt;/script&gt; &lt;script&gt; jQuery(document).ready(function($){ $("#datepicker").datepicker(); }); &lt;/script&gt; &lt;script&gt; jQuery(document).ready(function($){ $( "#datepicker1" ).datepicker(); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#timepicker').timepicker( { showAnim: 'blind' } ); }); &lt;/script&gt; &lt;script&gt; $().ready(function() { $("#newapp").validate({ rules: { facility: { required: true, minlength: 3 }, disclaimer: { required: true, }, department: { required: true, minlength: 3 }, address: { required: true }, requestor: { required: true, minlength: 2 }, callback: { required: true, minlength: 7 }, language: "required" }, messages: { facility: { required: "Please enter a facility", minlength: "Facility name must be at least 3 characters" }, department: { required: "Please enter a department", minlength: "Department name must be at least 3 characters" }, address: { required: "Please enter a address", minlength: "Address must be at least 5 characters" }, requestor: { required: "Please enter a requestor", minlength: "Requestor name must be at least 3 characters" }, callback: { required: "Please enter a callback number", minlength: "Callback number must be at least 7 characters" }, language: { required: "Please enter a language" } } }); }); &lt;/script&gt; </code></pre> <p>And the HTML:</p> <pre><code> &lt;p&gt;Date: &lt;input type="text" style="width:100px;" id="datepicker" name="date" value=""/&gt; Time :&lt;input id="timepicker" class="hasTimepicker" type="text" value="" name="time" style="width: 70px;"&gt;&lt;/input&gt;&lt;/p&gt; &lt;p&gt;Client (Other): &lt;input type="text" style="width:173px;" id="client" name="clientother" value=""/&gt;&lt;/p&gt; &lt;p&gt;Facility: &lt;input type="text" style="width:215px;" id="facility" name="facility" value=""/&gt;&lt;/p&gt; &lt;p&gt;Department: &lt;input type="text" style="width:186px;" id="department" name="department" value=""/&gt;&lt;/p&gt; &lt;p&gt;Address: &lt;input type="text" style="width:210px;" id="address" name="address" value=""/&gt;&lt;/p&gt; &lt;p&gt;Requestor: &lt;input type="text" style="width:197px;" id="requestor" name="requestor" value=""/&gt;&lt;/p&gt; &lt;p&gt;Provider: &lt;input type="text" style="width:210px;" id="provider" name="provider" value=""/&gt;&lt;/p&gt; &lt;p&gt;Callback #: &lt;input type="text" style="width:198px;" id="callback" name="callback" value=""/&gt;&lt;/p&gt; &lt;/div&gt; &lt;div style="Float:right; width:50%"&gt; &lt;p&gt;Language: &lt;input type="text" style="width:210px;" id="language" name="language" value=""/&gt;&lt;/p&gt; &lt;p&gt;Medicaid: &lt;select name="medicaid" style="width:225px;" id="medicaid"&gt; &lt;option value="1"&gt;No Medicaid&lt;/option&gt; &lt;option value="2"&gt;Primary Medicaid&lt;/option&gt; &lt;option value="3"&gt;Seccondary Medicaid&lt;/option&gt;&lt;/select&gt;&lt;/p&gt; &lt;p&gt;Medicaid ID: &lt;input type="text" style="width:194px;" id="medicaidid" name="medicaidid" value=""/&gt;&lt;/p&gt; &lt;p&gt;LES Name: &lt;input type="text" style="width:209px;" id="name" name="name" value=""/&gt;&lt;/p&gt; &lt;p&gt;LES Date of Birth: &lt;input type="text" style="width:167px;" id="dob" name="dob" value=""/&gt; &lt;/p&gt; &lt;p&gt;Notes: &lt;textarea rows="6" name= "notes" cols="80" id="notes" style="width:242px"&gt;&lt;/textarea&gt;&lt;/p&gt; &lt;input type="hidden" id="createdby" name="createdby" value"&lt;?php echo $_SESSION['jigowatt']['username']; ?&gt;" /&gt; </code></pre> <p> </p> <p>Any idea what I'm missing?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJoel Lewis
    1. USJoel Lewis
    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.
    1. VO
      singulars
      1. POjQuery timepicker and validate not working
      1. USfassetar
      1. VTFavorite
    1. COWhy do include two different versions of jQuery and jQuery UI? That may be the problem.
      singulars
      1. POjQuery timepicker and validate not working
      1. USamb110395
    2. CO@amb110395 good catch, that was justsome bad leftover code. I tried removing one and no change. I get the same behavior with 1.9 or 1.10. I updated the code above also to show only using one version.
      singulars
      1. POjQuery timepicker and validate not working
      1. USJoel Lewis
    3. COAlso are you sure your CSS links are right? The last one is: href="/js/jquery.ui.timepicker.css". Are you sure you are storing the CSS file in the JS folder?
      singulars
      1. POjQuery timepicker and validate not working
      1. USamb110395
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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