拖动时Jquery ui datepicker年份滚动条无法视觉更新答案

【问题标题】：Jquery ui datepicker year scrollbar fails to visually update when dragged拖动时Jquery ui datepicker年份滚动条无法视觉更新
【发布时间】：2014-02-05 17:07:28
【问题描述】：

日期选择器年份选择器滚动拇指被冻结，没有视觉拖动。当我松开鼠标时，输入字段中的年份发生了变化。如果我再次单击下拉选择器，则会突出显示该年份。

鼠标按下时拇指不会闪烁，但当我第一次开始拖动时会闪烁。在 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/

非常感谢，

安妮

【问题讨论】：

您是否尝试使用其他浏览器？不同浏览器呈现此“故障”的方式可能会提示您正在发生什么。也许你有一些覆盖 jquery UI css 的 css。
感谢您的建议。我也从 IE 10 尝试过。我刚刚让 jsfiddle 示例正常工作，问题也出现了。
我刚刚找到了这个，所以我猜游戏结束了：bugs.jqueryui.com/ticket/9769
哎哟！好吧，您知道，您可以删除您的问题或自己回答并标记为已回答。干杯。
我很幸运...从 Chrome v32.0.1700.107 m 开始修复。我只需要更新我的浏览器版本。我有 8 小时无法回答自己的问题，所以我明天将其标记为已回答。

标签： javascript jquery jquery-ui datepicker scrollbar

【解决方案1】：

自 Chrome v32.0.1700.107 m 起已修复。我只需要将我的浏览器更新到这个版本。

背景：已知错误，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 中标记为已修复

【讨论】：