{"id":2551,"date":"2022-08-30T15:25:48","date_gmt":"2022-08-30T15:25:48","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2014\/01\/31\/jquery-timepicker-and-validate-not-working-collection-of-common-programming-errors\/"},"modified":"2022-08-30T15:25:48","modified_gmt":"2022-08-30T15:25:48","slug":"jquery-timepicker-and-validate-not-working-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2022\/08\/30\/jquery-timepicker-and-validate-not-working-collection-of-common-programming-errors\/","title":{"rendered":"jQuery timepicker and validate not working-Collection of common programming errors"},"content":{"rendered":"<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>\n<p>Uncaught TypeError: Object [object Object] has no method &#8216;timepicker&#8217;<\/p>\n<p>However that is the only error I am getting.<\/p>\n<p>This is the code I am using:<\/p>\n<pre><code>    \n    \n    \n    \n    \n\n\n    \n    \n    \n\n        \n            jQuery(document).ready(function() {\n            jQuery(\".content\").hide();\n            \/\/toggle the componenet with class msg_body\n            jQuery(\".heading\").click(function()\n            {\n                jQuery(this).next(\".content\").slideToggle(500);\n            });\n            });\n        \n        \n            jQuery(document).ready(function($){\n                    $(\"#datepicker\").datepicker();\n\n            });\n        \n\n        \n            jQuery(document).ready(function($){\n            $( \"#datepicker1\" ).datepicker();\n            });\n            \n\n            \n                $(document).ready(function() {\n                    $('#timepicker').timepicker( {\n                        showAnim: 'blind'\n                    } );\n                });\n            \n    \n\n\n    $().ready(function() {\n\n        $(\"#newapp\").validate({\n            rules: {\n                facility: {\n                    required: true,\n                    minlength: 3\n                },\n                disclaimer: {\n                    required: true,\n                },\n                department: {\n                    required: true,\n                    minlength: 3\n                },\n                address: {\n                    required: true\n                },\n                requestor: {\n                    required: true,\n                    minlength: 2\n                },\n                callback: {\n                    required: true,\n                    minlength: 7\n                },\n                language: \"required\"\n            },\n            messages: {\n                facility: {\n                    required: \"Please enter a facility\",\n                    minlength: \"Facility name must be at least 3 characters\"\n                },\n                department: {\n                    required: \"Please enter a department\",\n                    minlength: \"Department name must be at least 3 characters\"\n                },\n                address: {\n                    required: \"Please enter a address\",\n                    minlength: \"Address must be at least 5 characters\"\n                },\n                requestor: {\n                    required: \"Please enter a requestor\",\n                    minlength: \"Requestor name must be at least 3 characters\"\n                },\n                callback: {\n                    required: \"Please enter a callback number\",\n                    minlength: \"Callback number must be at least 7 characters\"\n                },\n                language: {\n                    required: \"Please enter a language\"\n                }\n            }\n        });\n\n    });\n\n    \n<\/code><\/pre>\n<p>And the HTML:<\/p>\n<pre><code>    <br \/>Date: \n    Time :<br \/><br \/>\n    <br \/>Client (Other): <br \/><br \/>\n    <br \/>Facility: <br \/><br \/>\n    <br \/>Department: <br \/><br \/>\n    <br \/>Address: <br \/><br \/>\n    <br \/>Requestor: <br \/><br \/>\n    <br \/>Provider: <br \/><br \/>\n    <br \/>Callback #: <br \/><br \/>\n    \n    \n    <br \/>Language: <br \/><br \/>\n    <br \/>Medicaid: \n    No Medicaid\n    Primary Medicaid\n    Seccondary Medicaid<br \/><br \/>\n    <br \/>Medicaid ID: <br \/><br \/>\n    <br \/>LES Name: <br \/><br \/>\n    <br \/>LES Date of Birth:         <br \/><br \/>\n    <br \/>Notes: <br \/><br \/><\/code><\/pre>\n<p id=\"rop\"><small>Originally posted 2014-01-31 09:35:51. <\/small><\/p>","protected":false},"excerpt":{"rendered":"<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: Uncaught TypeError: Object [object Object] has no method &#8216;timepicker&#8217; However that is the only error I am getting. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2551","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=2551"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2551\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=2551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=2551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=2551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}