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）

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

3 个答案: