如何避免在免费的 jqgrid 中在本机日期选择器上连续滚动
How to avoid continuous scroll on native datapicker in free jqgrid
单击 Chrome 数据选择器中的微调器会导致 Chrome 中的连续滚动。
要复现,打开最新demo
http://www.ok-soft-gmbh.com/jqGrid/OK/dateInput_48_bootstrap.htm
来自回答
在Chrome中,点击日期进行编辑。
单击向上或向下微调器并将光标保持在此微调器中。日期无限滚动。
如何解决此问题,以便单击时仅将值增加或减少 +1 或 -1?
我认为必须使用 ::-webkit-inner-spin-button
,它允许在 CSS3 中自定义输入微调器(参见 here)。问题是很难找到可以在案例中使用的 CSS 属性的文档。唯一众所周知的设置是
input[type=date]::-webkit-inner-spin-button {
display: none;
}
这只是删除了微调器。没有旋转器 - 没问题。可能存在自定义微调器的更好方法,但我没有找到它。
单击 Chrome 数据选择器中的微调器会导致 Chrome 中的连续滚动。
要复现,打开最新demo
http://www.ok-soft-gmbh.com/jqGrid/OK/dateInput_48_bootstrap.htm
来自回答
在Chrome中,点击日期进行编辑。
单击向上或向下微调器并将光标保持在此微调器中。日期无限滚动。
如何解决此问题,以便单击时仅将值增加或减少 +1 或 -1?
我认为必须使用 ::-webkit-inner-spin-button
,它允许在 CSS3 中自定义输入微调器(参见 here)。问题是很难找到可以在案例中使用的 CSS 属性的文档。唯一众所周知的设置是
input[type=date]::-webkit-inner-spin-button {
display: none;
}
这只是删除了微调器。没有旋转器 - 没问题。可能存在自定义微调器的更好方法,但我没有找到它。