在使用HTML表单时在PHP页面中使用jQuery

时间:2016-08-11 01:15:39

标签: php jquery html datepicker

基本上,我要做的是使用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代码中选择吗?我不确定为什么它不起作用..有人请帮忙!

0 个答案:

没有答案