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 example

如何将jQuery Datepicker结果放在不同的div或span元素上

1 个答案: