使用日期选择器添加日期范围按钮点击

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