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参数提供一个函数，该参数将在选择日期时运行。试试这个：

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

API中的更多信息：onSelect

使用datepicker小部件，需要在新div中显示结果

1 个答案: