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 回答