基本上,我要做的是使用jQuery UI小部件,例如datepicker,并在我的页面book.php中选择。在页面内我使用的是HTML表单。出于某种原因,当我尝试使用datepicker并且可选择时,它只是不工作?在之前的页面中,我已经让jQuery工作,但由于某种原因它不能在这个页面上工作!
这是我的HTML表单:
<form method="post" action="homepage_loggedin_book_andrea.php">
Your appointment ID is:
<?php
$test = mysql_result(mysql_query("SELECT MAX(id) FROM appointments"), 0);
echo $test;
?>
<br>
<p>Please enter the appointment ID: <input type="text" value="<?php echo $result['id']; ?>" name="id"></p>
<p>Date: <input type="text" id="#datepicker" name="slot_date"></p>
<br>
Blue dots are lines when Andrea is unavailable.
<img src="Timetable_andrea.jpg" width="400" height="251" alt=""/><br>
<label for="slot_line" name="slot_line" id="selectable">Select a line</label>
<ol id="selectable" name="slot_line">
<li class="ui-widget-content">Line 1</li>
<li class="ui-widget-content">Line 2</li>
<li class="ui-widget-content">Line 3</li>
<li class="ui-widget-content">Line 4</li>
<li class="ui-widget-content">Line 5</li>
<li class="ui-widget-content">Line 6</li>
<li class="ui-widget-content">Line 7</li>
</ol>
<br>
<br>
<p>Reason for appointment: <input type="text" value="<?php echo $result['reason']; ?>" name="reason" style="width: 300px;"></p>
<div class="form-group">
<button type="submit" class="btn btn-block btn-primary" name="btn-book">Book</button>
</div>
</form>
正如您所看到的,我只是ID datepicker并且可以选择我希望jQuery工作的地方。我在一个单独的页面上有jQuery代码(我已在我的HTML页面中定位)
jQuery代码:
$(document).ready(function(){
$( "#datepicker" ).datepicker();
$( "#menu" ).selectmenu();
$( "#selectable" ).selectable();
});
我需要工作的是datepicker并且可以在我的PHP代码中选择吗?我不确定为什么它不起作用..有人请帮忙!