使用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