使用日期選擇器添加日期範圍按鈕點擊

Question

我試圖用按鈕點擊打開日期選擇器上的日曆，並在選擇時讓日期進入兄弟文本框。我需要能夠爲兩個不同的文本框做到這一點。

這是我到目前爲止。

http://jsfiddle.net/dan_vitch/zEper/

Answer 1

你需要與的jsfiddle加載jQuery UI的。請嘗試以下操作：

<div> 
    <label>Start</label> 
    <input type="text" class="datepicker"/> 
</div> 

<div> 
    <label>End</label> 
    <input type="text" class="datepicker"/> 
</div> 

而且你的JS：

$(".datepicker").datepicker({ 
    showOn: "button", 
    buttonImage: "link to your button here", 
    buttonImageOnly: true 
}); 

注意事項：您不需要添加按鈕，日期選擇器會爲你做的 - 你需要添加指向按鈕圖像的鏈接。如果你不喜歡這個，那麼你可以刪除bottonImage引用。

所有這一切都已經從jQuery的日期選擇器UI文件採取here

編輯： 搞掂關閉HTML元素，固定的jsfiddle here