jQuery UI Datepicker – onSelect获取所选日期3天

前端之家收集整理的这篇文章主要介绍了jQuery UI Datepicker – onSelect获取所选日期3天前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试使用jQuery UI datepicker创建一个日期范围,使用两个文本字段.第一个文本字段“start_date”将设置开始日期,第二个文本字段“end_date”将设置结束日期.

我到现在的代码是这样的:

$('#start_date').live(
    'focus',function()
    {
        $('#end_date').datepicker(
            {
                dateFormat: 'dd MM yy',minDate: new Date(),maxDate: new Date(2012,9,15),stepMonths: 2,numberOfMonths: 2
            }
        );

        $(this).datepicker(
            {
                dateFormat: 'dd MM yy',numberOfMonths: 2,onSelect: function(dateText,inst)
                {
                    var instance = $( this ).data("datepicker");

                    var date = $.datepicker.parseDate(instance.settings.dateFormat,dateText,instance.settings);

                    $('#end_date').datepicker('option','minDate',dateText);
                }
            }
        );
    }
);

注意:我使用实时和焦点事件,因为我的所有页面内容都加载了AJAX调用.也许这是对还是错,但这不是我想在这里问的;)

上面的代码对我来说是正确的并且工作正常,但我喜欢做的是将’end_date’元素的值设置为选定的3天.

到目前为止,当我在“start_date”元素中选择日期时,“end_date”元素将更改为与“start_date”相同的日期,这就是我想要更改的内容. “end_date”将在“start_date”元素的3天后进行选择.

我怎样才能做到这一点 ?

解决方法

将end_date设置为1天
onSelect: function(dateText,inst) {
    $('#start_date').datepicker('option',new Date(inst.selectedYear,inst.selectedMonth,inst.selectedDay));
    var toDate = new Date(inst.selectedYear,inst.selectedDay);//Date one month after selected date
    var oneDay = new Date(toDate.getTime()+86400000);
    document.getElementById('end_date').value =$.datepicker.formatDate('dd/mm/yy',oneDay);
}

猜你在找的jQuery相关文章