jquery datepicker很容易做到这一点吗?

时间:2010-03-24 20:59:43

标签: jquery jquery-ui datepicker jquery-ui-datepicker

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

顶部的到达和离开字段具有相应的日历。我最后一次配置到达和离开datepickers时,他们有一个“清除”按钮。

有没有人知道版本之间是否发生了变化,还是内置了?

如果有人有顶级区域的例子(不包括底部,因为这对我来说是额外的工作),我将非常感激。

1 个答案:

答案 0 :(得分:2)

清除按钮为removed

至于示例,您是否更关心如何添加一般的DatePicker,或者如何设置样式以使其看起来就像您的示例一样?

您可以通过将选项buttonImage: 'images/calendar.gif'传递到.datepicker()(用大括号括起来)来设置图标触发器。你可以使用DatePicker的formatDate() utility functionaltField option获得完全写出的日期(即'2010年1月5日')。

修改

要在更改到达日期时更新出发日期,您必须在启用抵达DatePicker时使用onSelect选项:

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

newDate可以是从现在起的几天(如+7)或格式化的日期字符串。我认为找出问题的最佳方法是跟踪出发日期的原始值并确定用户改变其选择的前进或后退天数,然后使用该数字通过与旧的比较来确定新的到达日期到达日期。它手动跟踪很多东西,但我不确定更好的方法。 (ICK)