如何避免在免费 jqgrid 中的本地日期选择器上连续滚动答案

【问题标题】：How to avoid continuous scroll on native datapicker in free jqgrid如何避免在免费 jqgrid 中的本地日期选择器上连续滚动
【发布时间】：2015-03-28 21:01:51
【问题描述】：

在 Chrome 数据选择器中单击微调器会导致 Chrome 中连续滚动。

从答案

在 Chrome 中，点击日期进行编辑。

单击向上或向下微调器并将光标保持在此微调器中。日期无限滚动。

如何解决这个问题，使单击时值仅增加或减少 +1 或 -1 ？

【问题讨论】：

【解决方案1】：

我认为必须使用 ::-webkit-inner-spin-button，它允许在 CSS3 中自定义输入微调器（请参阅 here）。问题是很难找到可以在案例中使用的 CSS 属性的文档。唯一众所周知的设置是

input[type=date]::-webkit-inner-spin-button {
    display: none;
}

这只是移除微调器。没有微调 - 没问题。可能存在自定义微调器的更好方法，但我没有找到它。

【讨论】：

在纯页面<html><body><input type=date /></body></html> 中不会出现此问题。所以它与jqgrid有关。一些 jqgrid 或 jquery-ui 设置会导致它。也许点击事件传播没有停止
@Andrus：我不同意你的观点。试试the demo 或this one。 所有示例我可以在互联网上找到<input type="date" 和<input type="number" 有同样的问题。 The demo也有同样的问题。
我尝试了所有引用的 3 个演示。在这些演示中，问题不会发生。问题仅出现在有问题引用的演示中：如果释放鼠标按钮但光标位于微调器按钮上，则滚动继续。
@Andrus：我认为我们使用了不同版本的 chrome，或者问题可能取决于网络浏览器的设置或其他方面。我在 Windows 7 上使用 Chrome 41 64 位和 以上所有演示，就像我在网上找到的所有带有 <input type="date"/> 或 <input type="number"/> 的示例一样，具有完全相同的行为。
我也在 Windows 7 x64 中使用 Chome 41.0.2272.101 m。我在 Chrome 中按下 reset all settings 按钮并重新启动 Chrome。结果是一样的：问题只出现在有问题的演示中。