बूटस्ट्रैप दिनांक सीमा पिकर मोबाइल दिनांक

Question

बदलते समय पिछली तारीख पर प्रकाश डाला गया है, मैं 2 कैलेंडर के साथ बूटस्ट्रैप date range picker का उपयोग करता हूं ताकि लोग start और end तिथियां चुन सकें। मैंने कुछ नया किया है, जब उपयोगकर्ता स्टार्ट तिथि का चयन करता है, तो मैं ईएनडी तिथि पर ध्यान केंद्रित करता हूं ताकि कैलेंडर स्वचालित रूप से पॉप हो जाए।

फिडल?

मैंने एक पहेली स्थापित करने की कोशिश की लेकिन यह सिर्फ एक पहेली पर काम नहीं करता है, लेकिन आप हमेशा प्लगइन वेबसाइट पर परीक्षण कर सकते हैं क्योंकि यह मूल प्लगइन पर भी खुश होता है। यहां date range picker website देखें।

समस्या

iPhone पर, जब मैं आरंभ तिथि ENDDATE कैलेंडर को अपने आप पॉप अप होता है, जो बहुत अच्छा है का चयन करें। लेकिन समस्या यह है कि यह एक होवर पर लटका है जहां मेरी उंगली थी। तो यदि आप स्क्रीनशॉट देखते हैं, तो मैंने स्टार्ट कैलेंडर पर 8th चुना है और जब यह ईएनडी कैलेंडर पर केंद्रित होता है तो यह 6th से अधिक हो जाता है क्योंकि स्वचालित रूप से 8th चुनने पर उसी क्षेत्र में मेरी उंगली थी।

यह कैसे तय किया जा सकता है? मैंने सभी ios hover issue फिक्सिंग प्लगइन्स और समाधानों को आजमाया लेकिन नोटिंग इसे ठीक करने लगते हैं।

Answer 1

आप को नष्ट करने और अंत की तारीख डेट-पिकर reinitialize जब आप इसे उपयोगकर्ता का चयन शुरू की तारीख के बाद प्रदर्शित कर सकते हैं?

जब भी उपयोगकर्ता उपयोगकर्ता का चयन करता है तो यह वेबसाइट को धीमा कर देगा। मेरे पास आई-फोन नहीं है इसलिए मैं दोहराना नहीं कर सकता इसलिए यह सिर्फ धारणा है।

Answer 2

मैं autoclose: true सेट करूंगा, ताकि तिथि चुनने पर डेटपिकर स्वचालित रूप से बंद हो जाए। उसके बाद, आप hide घटना का उपयोग कर सकते पता करने के लिए जब दिखाने के लिए 'अंत' Datepicker, लेकिन यहाँ आप की तरह एक छोटे से समय समाप्ति सेट 100-200ms

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

चेक Fiddle