Selektor wyboru zakresu dat na telefon komórkowy poprzednia data podczas zmiany daty

Question

Używam programu bootstrap date range picker z 2 kalendarzami, aby użytkownicy mogli wybierać daty: start i end. Coś nowego zrobiłem, gdy użytkownik wybierze datę rozpoczęcia, skupiam się na Dacie zakończenia, aby kalendarz wyskoczył automatycznie.

FIDDLE?

Próbowałem ustawić skrzypce, ale po prostu nie działa na skrzypcach, ale zawsze możesz przetestować na stronie wtyczki, jak to się dzieje również w oryginalnej wtyczce. Zobacz tutaj date range picker website tutaj.

PROBLEM

Na iPhone, kiedy mogę wybrać datę rozpoczęcia kalendarz DataZakończenia wyskakuje automatycznie, co jest dobre. Ale problem polega na tym, że wisi na zawisie, gdzie miałem palec. Jeśli więc spojrzysz na zrzut ekranu, wybrałam 8th w kalendarzu START i kiedy skupia się on na kalendarzu END, to unosi się on nad 6th również automatycznie, ponieważ gdy wybrałem 8th, trzymam palec na tym samym obszarze.

Jak można to naprawić? Wypróbowałem wszystkie dostępne tutaj wtyczki i rozwiązania ios hover issue, ale wydaje się, że to nie ma nic wspólnego.

Answer 1

można niszczyć i ponownie zainicjować end-date Date-próbnik gdy ją wyświetlić po uruchomieniu przez użytkownika wybierz daty?

Powoduje spowolnienie witryny po wybraniu daty przez użytkownika. Nie mam I-phone, więc nie mogę replikować, więc to tylko założenie.

Answer 2

Ustawię autoclose: true, tak aby Datepicker automatycznie się zamykał po wybraniu daty. Następnie można użyć hide zdarzenie wiedzieć, kiedy, aby pokazać „end” datepicker, ale tutaj można ustawić mały limit czasu jak 100-200ms

$('#datepicker-start').datepicker({ 
    autoclose: true 
}).on('hide', function(e) { 
    window.setTimeout(function(){ 
     $('#datepicker-end').datepicker('show'); 
    }, 100) 
}); 
$('#datepicker-end').datepicker(); 

Sprawdź Fiddle