Troubleshooting the error "Missing instance data for this datepicker"
Hi,
I'd like to create a form using the plugin jquery-dynamic-form and jQuery UI Datepicker but am obviously doing something wrong. Here's what I have ...
- <link href="/includes/styles/smoothness/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" media="screen" />
- <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.4.2.js" ></script>
- <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.core.js" ></script>
- <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.datepicker.js" ></script>
- <script type="text/javascript" src="/includes/javascript/jquery-dynamic-form.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.datepicker').datepicker();
- $('#availabilityRanges').dynamicForm("#plus", "#minus", {limit: 50,
- afterClone: function(clone) {
- $('.datepicker').removeClass('hasDatepicker').datepicker();
- }
- });
- });
- </script>
- <div id="main" class="container">
- <div id="main-inner">
- <div id="center">
- <div id="centerCat">
- <form name="ResponderData" action="someForm">
- <fieldset id="availabilityRanges">
- <p>
- <label for="startDate0">Start</label>
- <input id="startDate0" name="startDate0" class="datepicker" size="10" type="text" />
- <label for="endDate0">End</label>
- <input id="endDate0" name="endDate0" class="datepicker" size="10" type="text" /> <a id="minus" href="javascript:;">[-]</a> <a id="plus" href="javascript:;">[+]</a>
- </p>
- </fieldset>
- <input type="submit" name="Save" Value="Save">
- </form>
- </div>
- </div>
- </div>
- </div>
When I click on a date I get the error "Missing instance data for this datepicker".
Could someone please tell me what I'm doing wrong?
Many thanks!