如何将jQuery DatePicker放置在不同的DIV或SPAN元素上

Question

我需要知道如何将datepicker的结果放在另一个DIV元素上。例如，当用户选择日期时，他们应该能够在其他DIV元素上预览所选日期。这就是我到目前为止的。当用户选择日期时，我想从输入中获取输入日期以在#PReview_date Div上显示。我知道有一种将其放在其他输入元素上的方法，但是我不想将其放在另一个输入元素上，我想将结果放在DIV或SPAN中。请帮助

<div id="preview_date"></div>
<label>Date:</label>
<input type="text" id="date" class="datepicker"/>
$(".datepicker").datepicker({
        showOn: "button",
        buttonImage: images/calendar.gif",
        buttonImageOnly: true,
        dateFormat:"DD, d MM, yy"
    });

Answer 1

使用datepicker的OnSelect事件：

$(".datepicker").datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif ",
    buttonImageOnly: true,
    dateFormat: "DD, d MM, yy ",
    onSelect: function (d) {
        $('#preview_date').text(d);
    }
});

JSFIDDLE示例