बूटस्ट्रैप डेटपिकर अभिविन्यास/प्लेसमेंट

Question

मेरे पास पृष्ठ के निचले भाग में स्थित एक संलग्न डेटपिकर वाला टेक्स्ट फ़ील्ड है। मेरी समस्या यह है कि डेटपिकर टेक्स्ट फ़ील्ड के नीचे दिखाई देता है।

नतीजतन, यह खिड़की के बाहर दिखाई देता है। मैं Google पर और पाया कि जाहिरा तौर पर मैं कुछ orientation संपत्ति के साथ इसे ठीक कर सकते हैं:

$('#dp2').datepicker({ 
    orientation: 'auto top' 
}); 

लेकिन यह कोई प्रभाव नहीं पड़ा। किसी को भी पता है कि मैं इसे कैसे प्राप्त कर सकता हूं?

Answer 1

कुछ संघर्ष के बाद, Datepicker Link पर आवश्यक समाधान

पाया बस क्लिक करें डाउनलोड विकास और नवीनतम जे एस जो उन्मुखीकरण विकल्पों में शामिल हैं मिलता है। जे एस में दी गई चूक कर रहे हैं:

orientation: "auto", 

वहाँ अधिक उन्मुखीकरण के लिए उपलब्ध विकल्प हैं:

var defaults = $.fn.datepicker.defaults = { 
    autoclose: true, 
    beforeShowDay: $.noop, 
    calendarWeeks: false, 
    clearBtn: false, 
    daysOfWeekDisabled: [], 
    endDate: Infinity, 
    forceParse: true, 
    format: 'mm/dd/yyyy', 
    keyboardNavigation: true, 
    language: 'en', 
    minViewMode: 0, 
    orientation: "auto", 
    rtl: false, 
    startDate: -Infinity, 
    startView: 2, 
    todayBtn: false, 
    todayHighlight: false, 
    weekStart: 0 
}; 

मैं बस डिफ़ॉल्ट का उपयोग करें।

Answer 2

हाय आप इस लिंक जाने के लिए और datepicker Online demo with code

Answer 3

जवाब के लिए इस पोस्ट के चेक के लिए शैली का चयन कर सकते हैं ..

क्षैतिज और ऊर्ध्वाधर widgetPositioning विकल्प के मापदंडों के रूप में इस्तेमाल किया जाना चाहिए

Bootstrap 3 datetimepicker widget position