0

これには簡単な解決策があると確信していますが、学習しているだけなので、これを機能させたり、答えを見つけたりすることはできません。

datepicker ウィジェットを使用していますが、ページの別の場所にある別の div に結果を表示したいと考えています。

私のhtmlコードは次のとおりです。

<div class="ui-widget">
<p><label for="tags">Depart From:</label>
<input type="text" class="departCity" id="tags" size="30" /></p>
</div>

<div class="ui-widget">
<p><label for="tags2">To:</label>
<input type="text" class="destination" id="tags2" size="30" /></p>
</div>

<div>
<p>
<label for="datepicker">Depart Date:</label>
<input type="text" class="ui-widget" id="datepicker" size="30"/></p>
</div>

<div id="trip">
<h2>Your Trip</h2>
<p><span id="tags_display"></span></p>
<p><span id="tags2_display"></span></p>
<p><span id="datepicker_display"></span></p>
</div>

この jquery を使用して結果を表示しています (このサイトの助けを借りて - どうもありがとうございました!) が、選択した日付が表示されません。

$(function(){ 
$('input[type="text"]').blur(function() {
    $("#"+$(this).attr('id')+"_display").html($(this).val());
    }); 
    });

どこが間違っていますか？

4

1 に答える 1

0

設定すると、日付が選択されたときに実行されるdatepicker関数をパラメーターに提供できます。onSelectこれを試して：

$("#myInput").datpicker({
    onSelect: function(date, picker) {
        $("#otherDiv").html(date);
    },
    // other settings...
});

APIの詳細：onSelect

于 2012-11-28T14:16:22.543 に答える