2011-07-12 33 views

回答

26
$('#datepicker').datepicker({ 
    onSelect: function(dateText, inst) { 
     $("input[name='something']").val(dateText); 
    } 
}); 

這裏有一個小提琴:http://jsfiddle.net/jensbits/9hbmy/338/

+0

謝謝,太好了。感謝小提琴,使它更容易理解! +1 –

23

您是否正在尋找此。

$("#datepicker").datepicker("getDate"); 
+0

一般來說,我在這樣的''並將其發佈到表單操作。我怎樣才能使用它,但把它放在窗體中? –

+1

不會仁的解決方案解決您的問題 – naveen

+0

是.....它確實 –

1

添加隱藏字段並將其添加到「altField」選項應該這樣做。

編輯:您可能也想看看這個解決方案:

HTML:

<div id="datepicker">KLICK ME</div> 
<input type="hidden" id="hidde_date_field" /> 

的JavaScript:

$('#hidde_date_field').datepicker(); 

$('#datepicker').click(function() { 
    $('#hidde_date_field').datepicker("show"); 
}); 
2

你應該配合的日期選擇器的形式輸入,而不是div,因此輸入中的值將隨表單一起提交。

<input type="text" id="datepicker"></div> 

<script> 
    $(function() { 
     $('#datepicker').datepicker(); 
    }); 
</sript> 
+0

這一切都很好,但我不希望日期選擇器內的文本輸入... –

+2

@ ing0如果你有限制,阻止你從使用文本輸入來捕獲日期,您需要使用'altField'屬性來捕獲隱藏輸入中的日期,或者提供一個'onSelect'回調來完成您所需的所選日期,Thorsten和Jen有建議。 – Clayton

+0

謝謝,這就是我所做的。尋找onSelect回調。 –

0

這個工作對我蠻好:

$("#datepicker").find(".active").attr("data-date")