2012-05-05 24 views
2

Jquery ui datepickerが表示されませんが、すべてを試しました。ここでJquery UI Datepickerが機能しません

HEAD

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

私が間違っているのは何HTML

<input type="text" id="date" name="date"/> 

<script> 
$("#date").datepicker(); 
</script> 

私のコードです。??

ありがとうございます!

私は問題を発見した:それはjqueryの-1.7.1.min.jsでは動作しませんので、 jqueryの-UI-1.8.19.custom.min.jsバグを持っているようです。 Jqueryからファイルを再ダウンロードしました。現在は以下のとおりです: jquery-1.7.2.min.js jquery-ui-1.8.20.custom.min.js 今は素晴らしい作品です。 PD。私はこの質問を削除しているのでしょうか、他の人がこれを知っているのに良いかもしれません。 あなたの回答と時間をありがとう!

+0

が必要になる場合があります。あなたのページに他のコードがありますか? JavaScriptファイルとCSSファイルへのパスは正しいですか? – j08691

+0

いいえ、ちょうどHTMLとPHP ..他のjavascriptコード..すべてのパスが動作している...だから私は私が間違っていることを理解していない...私もChromeでテストし、何も起こらない... –

答えて

0

あなたは、このコード内でこのコードを配置する必要があります。

$(function(){ 
    $('#date').datepicker();  
}); 

それ以外の場合は動作しません。これは、datePicker機能を適用する前に、DOMが完全にロードされるまで待機します。

+0

If OPが言うようにスクリプトが頭の中にあり、datepickerをインスタンス化するための呼び出しは、彼がそれを呼び出す要素の後に来るので、doc.readyを使わなくてもうまくいくはずです。 – j08691

+0

私はこの質問を投稿する前にそれを試しました..それは動作しません..私は狂った男を得ています! –

0

あなただけでは、コードが細かい思われる文書レディ機能

<script>  
$(document).ready(function() { 
    $('#date').datepicker(); 
}); 
</script> 
+0

OPが言うようにスクリプトが頭にあり、datepickerをインスタンス化するための呼び出しが彼がそれを呼び出す要素の後に来る場合、doc.readyを使わなくてもうまくいくはずです – j08691

+0

True、他のものはうまくいかなかった –

関連する問題