拖动时,Jquery ui datepicker年滚动条无法直观更新

时间:2014-02-05 17:07:28

标签: javascript jquery jquery-ui datepicker scrollbar

datepicker年份选择器滚动缩略图已冻结,无法直观拖动。当我释放鼠标时,输入字段中的年份已更改。如果我再次单击下拉选择器,则会突出显示该年份。

拇指不会在mousedown上闪烁,但在我第一次开始拖动时会闪烁。 在mouseup上,下拉菜单关闭。 被选中的年份就在鼠标指针在滚动条中的位置。

(使用jquery-ui-1.10.3.custom.js,datepicker版本:“1.10.3”,jquery v1.9.1)

我尝试了以下属性组合:

            dateField.datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "-100:+100",
            dateFormat: primaryDateFormat,
            onSelect: function() { dateField.blur(); }
        }); 

            dateField.datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "1900:2100",
            dateFormat: primaryDateFormat,
            onSelect: function() { dateField.blur(); }
        }); 
            dateField.datepicker({
            changeYear: true,
            yearRange: "1900:2100",
            dateFormat: primaryDateFormat,
            onSelect: function() { dateField.blur(); }
        }); 

对于这些设置,拇指和滚动条显示,拇指是下拉选择器的完整高度。它在鼠标拖动时闪烁。

            dateField.datepicker({
            changeYear: true,
            dateFormat: primaryDateFormat,  
            dateFormat: primaryDateFormat,
            onSelect: function() { dateField.blur(); }
        }); 

非常感谢有关故障排除或变通方法的任何建议。除了调试jquery事件之外,我不知道下一步该做什么。

此外,单击下拉列表中的日期,并使用键盘向上/向下箭头提供整个范围的导航。 我注意到的另一个行为是,当显示下拉列表时,鼠标悬停在第一年上突出显示年份,并且拖动鼠标每年都会突出显示除了最后一年之外的每年。 例如,如果年份是1920年至1930年,我将鼠标悬停在1920年以上并突出显示,我拖动列表并将其悬停在1930年以上。1930年没有突出显示,但是1929年是。

问题转载于此处 - http://jsfiddle.net/AnneG/MGe5G/8/

非常感谢,

安妮

1 个答案:

答案 0 :(得分:0)

自Chrome v32.0.1700.107开始修复。我只需要将浏览器更新为此版本。

背景: 已知错误,Chrome相关: JQuery-UI无法从最终修复它:http://bugs.jqueryui.com/ticket/9769 Chrome问题日志 - https://code.google.com/p/chromium/issues/detail?id=334522) - 在v32.0.1700.76 m,34.0.1785.0 canary中标记为已修复