如何將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

使用在日期選擇器的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