来自先前输入的jQuery日历匹配日期

时间:2014-01-14 14:43:31

标签: javascript jquery date calendar datepicker

所以我想要完成的是大多数酒店或机场网站的一般情况,在您选择抵达日期后点击下一个日历时,它会自动将日历日期更新为您同月的日期选择了你的到来。

请参阅:http://hotelsaxchicago.com

我目前拥有jQuery UI及其赌场/酒店网站的日历插件:http://staging.comanchenationcasinos.com

这里有类似的东西吗?如何在不实际单击提交按钮的情况下检测输入字段中已有的内容。

同时,如果有人点击了图标,我怎么能触发日历?

提前致谢。

1 个答案:

答案 0 :(得分:1)

我通常对输入旁边的日历链接执行的操作类似于

$('body').on('click', '.calendar_icon', function(){
    $(this).prev('input[type="text"]').focus();
    return false;
});

这会将焦点放在先前位于标记中的文本输入上。

关于重置日期,请尝试以下方法:

假设您的第一个输入的id为first_date,第二个输入为second_date ......

$('body').on('change', '#first_date', function(){
    var this_date = $(this).val();
    $('#second_date').datepicker("setDate", new Date(this_date) );
});

值得注意的是,如果您不想使用#second_date,还可以将两个日期选择器与data-next-datepicker =“#something”相关联,以使其真正具体。如果你在页面上有一系列日期,我就会走这条路。