私の日付ピッカーと時間ピッカーは、「日付を入力してください:」および「時間を入力してください:」フィールドの横に表示されません: 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>
<input type="radio" name="priority" id="priority_normal" value="Normal" checked="checked">
<label for="priority_normal">
Normal
</label>
</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>