使用datepicker小部件，並需要顯示結果在新的div

Question

我敢肯定，有一個簡單的解決方案，但因爲我剛剛學習，我似乎無法得到這個工作或找到答案。

我正在使用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()); 
    }); 
    }); 

我哪裏錯了？

Answer 1

當您設置datepicker時，可以爲參數onSelect提供一個函數，該參數將在選擇日期時運行。試試這個：在API中

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

更多信息：onSelect