0

jquery の日付ピッカーを自分のページで動作させることができません。誰かが詳細を知りたい場合は、コードコールに関するフォーラム投稿があります。リンクはhttp://forum.codecall.net/topic/70462-copy-and-paste-date-picker-javascipt/です。このページに関連付けられているコードは次のとおりです。テキスト フィールドをクリックしても、日付ピッカーが表示されません。なんで？誰でも問題を見ることができますか？

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
$(function() {
$( "#start_date" ).datepicker();
});
$(function() {
$( "#end_date" ).datepicker();
});

<div id="dateField"> 
<p> 
Start Date: <input type="TEXT" 
name="start_date" id="startDate" 
value="" /> 
</p> 
<p> 
End Date: <input type="TEXT" 
name="end_date" id="endDate" 
value="" /> 
</p> 
<small>Dates Should be in the format DD/MM/YYYY</small> 
</p> 
</div>
4

2 に答える 2

1

jQuery UIのdatepickerコードを<script>タグでラップし、type属性を使用してjavascriptとしてマークします。2回のdatepicker呼び出しには、単一のドキュメント対応ブロックを使用します。要素の正しいIDを使用していることを確認してください。

<script type="text/javascript">
   $(document).ready(function() {

        $("#startDate").datepicker();
        $("#endDate").datepicker();
   });
</script>
于 2012-06-25T19:45:53.507 に答える
1

IDタグと名前タグを切り替えます。ID属性は、名前ではなく、$（'ID'）。datepicker（）内にある必要があります。

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>

<script type="text/javascript">
$(function() {
$( "#start_date" ).datepicker();
});
$(function() {
$( "#end_date" ).datepicker();
});
</script>

<div id="dateField"> 
<p> 
Start Date: <input type="TEXT" 
id="start_date" name="startDate" 
value="" /> 
</p> 
<p> 
End Date: <input type="TEXT" 
id="end_date" name="endDate" 
value="" /> 
</p> 
<small>Dates Should be in the format DD/MM/YYYY</small> 
</p> 
</div>
于 2012-06-25T19:46:36.860 に答える