为什么我的日期选择器和时间选择器不显示？

Question

我的日期选择器和时间选择器不会显示在“输入日期：”和“输入时间：”字段旁边：http://heightsdental.com/RequestAppt.php。在代码中有php include语句，当它们不在时：http://evamagnus.com/RequestAppt.php，显示日期和时间选择器。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script src="js/modernizr-2.5.3.min.js"></script> 

<script type="text/javascript" src="js/jquery.ptTimeSelect.js"></script> 

<script src="js/dimensions.js" type="text/javascript"></script> 

    <script src="js/jquery.ui.core.js"> 
    </script> 
    <script src="js/jquery.ui.datepicker.js"> 
    </script> 

<?php 
include "Banner.html"; 
include "header.html" 
?> 

<div id="form"> 
<div id="contain"> 

    <form action="http://www1.budgethostingweb.com/cgi-bin/hosting/user_formmail.cgi" method="post"> 
    <input type="hidden" name="account" value="dentist"> 
    <input type="hidden" name="cata" value="accounts"> 
    <input type="hidden" name="redirect" value="index.php" /> 

     <table class="form_demo"> 
     <tr> 
      <td> 
      <label for="name"> 
       Name 
      </label> 
      </td> 
      <td> 
      <input class="input_full" type="text" id="name" name="name" required="required" /> 
      </td> 
     </tr> 
     <tr> 
      <td><label for="email"> 
       Email 
      </label> 
      </td> 
      <td> 
      <input class="input_full" type="email" id="email" name="email" required="required" /> 
      </td> 
     </tr> 
     <tr> 
      <td> 
      <label for="cc"> 
       <abbr title="Courtesy Copy">CC</abbr> 
      </label> 
      </td> 
      <td> 
      <input type="checkbox" id="cc" name="cc" value="1" /> 
      <label for="cc"> 
       Send me a copy of this email 
      </label> 
      </td> 
     </tr> 
     <tr> 
      <td> 
      <label for="tel"> 
       Phone 
      </label> 
      </td> 
      <td> 
      <input class="input_full" type="tel" id="tel" name="tel" required="required" /> 
      </td> 
     </tr> 
     <tr> 
      <td><label for="priority_normal"> 
       Priority 
      </label> 
      </td> 
      <td> 
      <input type="radio" name="priority" id="priority_urgent" value="Urgent"> 
      <label for="priority_urgent"> 
       Urgent 
      </label> 
      &nbsp; 
      &nbsp; 
      <input type="radio" name="priority" id="priority_normal" value="Normal" checked="checked"> 
      <label for="priority_normal"> 
       Normal 
      </label> 
      &nbsp; 
      &nbsp; 
     </td> 
     </tr> 
     <tr> 
     <td> 
      <label for="date">Enter a date:</label> 
     </td> 
     <td> 
      <input class="input_xlarge" type="text" id="date" name="date" required="required" />  

    <script> 
     (function($){ 
     var pickerOpts = { 
      minDate: new Date(), 
      maxDate: "+3m,", 
      showButtonPanel: true, 
      showOn: "button", 

      buttonImage: "images/cal.png", 
      }; 
    $("#date").datepicker(pickerOpts); 
     })(jQuery); 
    </script> 
    </td></tr> 
    <tr><td>Enter a time: </td> 
    <td><input id="time1" name="s2Time1" /> 

    <script type="text/javascript"> 
    $('#time1').ptTimeSelect({ popupImage: 'Select Time' }); 
    </script> 
    </td> 
    </tr> 

     <tr> 
      <td> 
      <label for="description"> 
       Reason for<br /> 
       appointment 
      </label> 
      </td> 
      <td> 
      <textarea id="description" name="description" rows="3" required="required"></textarea> 
      </td> 
     </tr> 

     <tr><td colspan="2">To prevent automated spam posts, <br>please type in the access code 
displayed: <p><img alt="Access code" 
src="http://www1.budgethostingweb.com/cgi-bin/captcha/imagegen.cgi?x-factor=1"/></p></td></tr> 
     <tr><td>Access Code:</td> <td><input class="medium" name="access" type="text"></td> 
     </tr> 
     </table> 
     <hr /> 
     <p class="clearfix"> 
     <input type="submit" value="Submit" class="float_left" /> 
     <input type="reset" value="Reset" class="float_right"> 
     </p> 

    </form> 

Answer 1

文件在以下路径丢失：

http://heightsdental.com/js/jquery.ui.core.js

http://heightsdental.com/js/jquery.ui.datepicker.js

Answer 2

您的jQuery UI脚本包含失败。

Answer 3

快速查看Chrome的开发工具显示：

Failed to load resource: the server responded with a status of 404 (Not Found) http://heightsdental.com/js/jquery.ui.core.js 
Failed to load resource: the server responded with a status of 404 (Not Found) http://heightsdental.com/js/jquery.ui.datepicker.js 
Uncaught TypeError: Object [object Object] has no method 'datepicker' RequestAppt.php:159 
Uncaught TypeError: Property '$' of object [object Window] is not a function RequestAppt.php:167 

含义：目前JavaScript包含指向该做的文件不存在。

纵观your js subdir显示：他们真的不在那里。

（它的坏顺便说一句，允许索引，禁用directory listing）