jQuery UI 2日期选择器和范围选择 [英] jQuery UI 2 datepickers and range selection

问题描述

我正在尝试连接2个日期选择器，以允许用户选择日期范围.

I'm trying to connect 2 datepickers to allow user to choose date range.

我已经创建了这样的代码:

I've created code like this:

$(function() {
    var dates = $("#fromDate, #toDate").datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        minDate: new Date(2010, 2 - 1, 2),
        onSelect: function(selectedDate) {
            var option = this.id == "fromDate" ? "minDate" : "maxDate",
                instance = $(this).data("datepicker"),
                date = $.datepicker.parseDate(
                instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
            dates.not(this).datepicker("option", option, date);
        }
    });
});

这工作正常，但出现奇怪的错误: 当我使用第一个输入选择日期作为第二个日期时，datepicker显示第二个日期的日期. 我认为onSelect函数可以根据第二个日期选择器设置日期.

This works fine, but I get weird error: When I select date using first input for a second that datepicker shows date from second one. I think that onSelect functions sets somehow date based on second datepicker.

如果第一个日期选择器的日期与第二个月的日期相同，则不会显示此错误.

If first datepicker has date in same month as second this error isn't showing.

如何重新创建此行为:

• 在第一个日期选择器中选择"2010-02-05"(在您单击第二个月和年的日期字段后，从第二个日期选择器更改为月和年)

这是我的jsFiddle: http://jsfiddle.net/Misiu/TyQSG/1/

This is my jsFiddle: http://jsfiddle.net/Misiu/TyQSG/1/

我应该如何更改onSelect功能以删除此错误?

How should I change onSelect function to remove this bug?

推荐答案

这不能解决他们在datepicker代码中显然存在错误的事实，但这是可以解决的.

This doesn't solve the fact that they clearly have a bug in the datepicker code, but it's a work around.

如果将 showAnim 设置为空，则不会有任何动画并且上一个日历的日期将不会显示:

If you set the showAnim to empty then there won't be any animation and the date from the previous calendar won't show:

 showAnim:"",

这篇关于jQuery UI 2日期选择器和范围选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！