2011-07-18 19 views
1

私はhttp://jqueryui.com/demos/datepicker/#defaultからjQueryのdatepickerを実装しようとしています。jQuery DatePickerが動作しない

このサイトには、さまざまなJSファイルとCSSファイルが含まれています。しかし、私はすでに以下の標準jQueryファイルを含んでいます。これらの標準ファイル以外に何が必要なのか教えていただけますか?

<link href="/css/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<link href="/css/jquerySliderOverride.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="/javascript/jquery/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="/javascript/jquery/jquery-ui-1.8.7.custom.min.js"></script> 

そのまま、カレンダーは表示されません。ここに私のマークアップです:

<script type="text/javascript"> 
    $(function() { 
     $("#<%= DateTextBox.ClientID %>datepicker").datepicker(); 
    }); 
</script> 

そして...

<div class="demo"><asp:textbox runat="server" id="DateTextBox" /></div> 
+1

あなたのIDがあなたのjQueryセレクタで正しいとは思われません。 ($# "%= DateTextBox.ClientID%>")。datepicker(); ' –

+0

jquery UIをカスタマイズしましたか?あなたはデートピッカーを外すことができ、それは起こったかもしれません。完全なjQuery UIにリンクして、それが機能するかどうかを確認してください。 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js –

+0

@jen:これはちょうどタイプミスのようですが、フォーマットはまだ正しくはありません。私が説明しようとしたように、私はすでに標準ファイルに含まれているかもしれないカスタムのものをダウンロードしたくない。このサイトでは、重複したコンテンツを回避する方法について多くの情報がないようです。 –

答えて

3

私はあなたのIDがあなたのjQueryで正しいことになるだろうとは思いませんセレクタ。それはちょうどあなたがにリンクされている例では

$(function() {  
    $("#<%= DateTextBox.ClientID %>").datepicker(); 
}); 

する必要があり、彼らはID datepickerを使用しますが、あなたは:)する必要はありません(日付ピッカーのプラグインはhasDatepicker CSSクラスを追加します)。

+0

D'oh。私はそれを逃したと信じられない!ええ、私はカレンダーを手に入れましたが、スタイリングを微調整する必要があるようです。 –

2

あなたが代わりにこれを行う必要があります。

<script> 
$(function() { 
    $("#<%= DateTextBox.ClientID %>").datepicker(); 
}); 
</script> 
関連する問題