jquery datepicker 很容易做到这一点吗？答案

【问题标题】：Is jquery datepicker easily capable of doing this?jquery datepicker 很容易做到这一点吗？
【发布时间】：2010-03-24 20:59:42
【问题描述】：

我基本上必须克隆到达/离开的顶部区域：http://bit.ly/af1uAH

顶部的到达和离开字段有相应的日历。我上次配置到达和离开日期选择器时，它们有一个“清除”按钮。

有谁知道这是否在版本之间发生了变化，还是仍然是内置的？

如果有人有顶部区域的示例（不包括底部，因为这对我来说是额外的工作），我将不胜感激。

【问题讨论】：

标签： jquery jquery-ui datepicker jquery-ui-datepicker

【解决方案1】：

清除按钮是removed。

对于示例，您是否更关心如何添加一般的 DatePicker，或者如何设置它的样式以使其看起来像您的示例？

您可以通过将选项buttonImage: 'images/calendar.gif' 传递给.datepicker() 来设置图标触发器（用花括号括起来）。您可能可以使用 DatePicker 的 formatDate() utility function 或 altField option 获得完整写出的日期（即“2010 年 1 月 5 日”）。

编辑：

要在到达日期更改时更新出发日期，您必须在启用到达日期选择器时使用onSelect 选项：

$("#arrival").datepicker({
    onSelect: function(dateText, inst) {
        // calculate newDate
        $("#departure").datepicker("setDate", newDate);
    }
});

newDate 可以是从现在开始的天数（如+7）或格式化的日期字符串。我认为解决这个问题的最佳方法是跟踪出发日期的原始值并确定用户更改选择的前后天数，然后使用该数字通过与旧的比较来确定新的到达日期到达日期。它手动跟踪很多东西，但我不确定更好的方法。（坏）

【讨论】：

我了解如何做这部分，但我认为我必须添加自定义逻辑，以便它的行为与那个完全一样；在日期选择中（如果您选择一个日期，它会自动重置出发日期）等
啊，我明白了。您必须使用到达 DatePicker 中的 onSelect 选项来更新出发日期......我会看看我是否可以制作一个示例并将其编辑到我的答案中。