Bootstrap日期范围选择器移动在更改日期时突出显示上一个日期

Question

我使用带有2个日历的bootstrap date range picker，以便人们可以选择start和end个日期。我做的新功能是，一旦用户选择了开始日期，我就会关注结束日期，以便日历自动弹出。

FIDDLE吗

我试图设置一个小提琴，但它只是在小提琴上工作，但你总是可以在插件网站上测试，因为它也发生在原始插件上。请在此处查看date range picker website。

问题

在iPhone上，当我选择开始日期时，会自动弹出结束日历，这很棒。但问题是，它挂在我手指上的悬停。因此，如果您查看屏幕截图，我会在START日历上选择8th，当它聚焦到END日历时，它会自动悬停在6th上，因为当我选择时，我的手指放在同一区域8th。

如何解决这个问题？我尝试了所有ios hover issue修复插件和解决方案，但似乎没有解决这个问题。

Answer 1

在用户选择开始日期后显示结束日期选择器时，是否可以销毁并重新初始化？

每当用户选择日期时，它会使网站变慢。 我没有手机，所以我无法复制，所以它只是假设。

Answer 2

我会设置function RangeIntersect(R1, R2) { var LR1 = R1.getLastRow(); var Ro2 = R2.getRow(); if (LR1 < Ro2) return false; var LR2 = R2.getLastRow(); var Ro1 = R1.getRow(); if (LR2 < Ro1) return false; var LC1 = R1.getLastColumn(); var C2 = R2.getColumn(); if (LC1 < C2) return false; var LC2 = R2.getLastColumn(); var C1 = R1.getColumn(); if (LC2 < C1) return false; return true; } ，以便在选择日期时Datepicker自动关闭。 然后，您可以使用autoclose: true事件来了解何时显示＆＃39;结束＆＃39; Datepicker，但在这里设置一个小的超时，如100-200ms

hide

检查Fiddle