$(“#datepicker”).datepicker is not a function - JavaScript error

hotdude_55

New Member
I am trying to link together fullcalendar and datepicker to form a nice calendar for myself but am running into the following error with me code :Error message :\[quote\] $("#datepicker").datepicker is not a function\[/quote\]Here is my code :\[code\]<link rel='stylesheet' type='text/css' href='http://stackoverflow.com/questions/fullcalendar/fullcalendar.css' /><link rel='stylesheet' type='text/css' href='http://stackoverflow.com/questions/fullcalendar/fullcalendar.print.css' media='print' /><link href="http://stackoverflow.com/questions/scripts/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="http://stackoverflow.com/questions/Styles/dark-hive/jquery.ui.all.css"><script src="http://stackoverflow.com/questions/jquery/jquery-1.7.1.js"></script> <script type='text/javascript' src='http://stackoverflow.com/questions/jquery/jquery-ui-1.8.17.custom.min.js'></script><script src="http://stackoverflow.com/questions/jquery/ui/jquery.ui.core.js"></script><script src="http://stackoverflow.com/questions/scripts/ui/jquery.ui.datepicker.js"></script><script type='text/javascript' src='http://stackoverflow.com/questions/fullcalendar/fullcalendar.min.js'></script> <script type='text/javascript'>$(function() { $('#calendar').fullCalendar({ theme: true, header: { left: '', center: '', right: '' }, defaultView: 'agendaDay', editable: false, events: "../fullcalendar/JSONcreator" }); $('#datepicker').datepicker({ inline: true, onSelect: function(dateText, inst) { var d = new Date(dateText); $('#calendar').fullCalendar('gotoDate', d); } }); })</script>\[/code\]Also, is there any way of getting rid of some of the JQuery script calls at the top? There's sooo many, it seems so messy, but I am new to JQuery.
 
Top