2011-05-27 41 views
1

HAVAにjQueryのカレンダー表示の日付をしたい:私は、入力フィールド内の日付を表示したいjQueryの日付ピッカーに - 入力フィールド

$(function() { 
    $("#datepicker").datepicker({ 
    minDate: 'today', 
    maxDate: "+90D", 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "D, dd MM, yy" 
    }); 
}); 

<form method="post"> 
     <div id="datepicker"> 
       <input type="text" id="datepicker" name="datepicker"/> 
     </div> 
</form> 

を...私を助けてください

+0

あなたのコードが正しく貼り付けられていないと思います。それを修正し、Markdownコードを使って見栄えを良くすることはできますか? – GregL

+0

1ヶ月間表示するカレンダーが必要です... – Chatani

+0

@Rob入力フィールドでuをクリックすると、そこにカレンダーが表示され、任意の日付を選択でき、その日付は自動的に入力フィールドに配置されます。問題はどこだ?? – diEcho

答えて

4

問題は、idの値がdatepickerと重複していることです。それは二度あります。

IDは一意であると考えられます(1ページに1つ)。クラスを使用していたとしても、<div><input>の両方でdatepicker()と呼んでいますが、これは確かにあなたが望むものではありません。

divからidを削除するだけです。

の作業のデモ:http://jsfiddle.net/wesley_murch/PMFwg/

+1

+1良い点;私は気付かなかった – diEcho

1

1つのページに2つの同じIDを持つことはできませんが、代わりにIDS

の同じのためのクラスを使用
<form method="post"> 
     <div id="datepicker1"> 
       <input type="text" id="datepicker" name="datepicker"/> 
     </div> 
</form> 

上記動作しますあなたはdatepicker1に変更することができますdivのidと罰金またはカスタムそれ

関連する問題