Question

我正在尝试在按钮点击时打开带有日期选择器的日历，并在选择时将日期放入兄弟文本框中。我需要能够为两个不同的文本框执行此操作。

这是我到目前为止所拥有的。

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 datepicker UI文档here

修改修复了html元素的结束标记，修复了jsfiddle here

使用datepicker按钮单击添加日期范围

1 个答案: