1

確かに独特のバグを見つけました。

Datepickerは、AJAXを介してオブジェクトをロードし、そのオブジェクトにdatepickerをアタッチするまで、正常に機能します。

    $(".object").datepicker({
    showOn: 'both',
    buttonImage: '/images/icons/silk/calendar.png',
    dateFormat: "mm/dd/yy",
    changeMonth: true,
    changeYear: true,
    buttonImageOnly: true,
    yearRange: "2010:2030"
    onSelect: function(dateText, inst) {
      console.log('this was tapped.');
      console.log(dateText);
      console.log(inst);
    }
    })

入力またはアイコンをクリックすると、日付ピッカーがポップアップします。しかし、何かを選択すると、日付ピッカーが閉じ、入力の日付は変更されません。

アップデート

さらに見知らぬ人。console.log上記の呼び出しで更新しましたが、すべて正しく返されます。それでも、私の入力内の日付は変更されません。

アップデート

ここで起こっているのは、自己複製可能な形式であるため、同じ一意のIDを持ついくつかの一般的なdivがページにあることだと思います。

アップデート

JSFiddleで再現されたバグは次のとおりです:http://jsfiddle.net/vMhrg/

4

2 に答える 2

7

IDが重複していることが問題のようです。IDは、1ページに1回以上使用することはできません。カウンターを追加するか(固定コードで行うように)、可能であれば完全に削除することを検討してください。

http://jsfiddle.net/vMhrg/1/

コード(他はすべて同じです):

<input type="text" value="05/08/2012" size="10" rel="Recurring End Date" name="task[scheduled_at]" id="task_scheduled_at_1" class="date-single-view">

<br />
<br />
<div class="item">
<input type="text" value="05/08/2012" size="10" rel="Recurring End Date" name="task[scheduled_at]" id="task_scheduled_at_2" class="date-single-view">
</div>

</ p>

于 2012-05-16T15:18:41.267 に答える
1

.itemと.date-single-viewの両方でdatepicker()を呼び出しています。これらは、dom内のネストされた要素です(以下のフィドルによると)。これはおそらく良い考えではありません。divでdatepickerを呼び出すか入力フィールドですが、両方ではありません。

<div class="item">
   <input type="text" value="05/08/2012" size="10" rel="Recurring End Date" name="task[scheduled_at]" id="task_scheduled_at" class="date-single-view">
...
于 2012-05-16T15:18:14.457 に答える