Bootstrap Datepicker positioning not working

Question

Я использую Bootstrap Datepicker from Eternicode на моем веб-сайте ASP.Net MVC. Функциональность работает нормально, но я не могу правильно позиционировать мода datepicker, используя опцию orientation, как описано в документах и ​​в генераторе кода, доступном по ссылке. Модификация datepicker охватывает мой элемент управления вводом, когда я нажимаю на текстовое поле.

HTML:

<input type="text" class="form-control datepicker input-sm" id="datepicker" /> 

Javascript:

$('#datepicker').datepicker({ 
    autoclose: true, 
    format: 'dd-mm-yyyy', 
    daysOfWeekDisabled: '0,6', 
    todayHighlight: true, 
    orientation: 'auto' 
}); 

Я попытался изменить ориентацию bottom-left, bottom-right и другие варианты не дало никаких результатов. Модаль всегда покрывает входной контроль.

Примечания:

• Я не перезаписывается любой CSS для DatePicker плагин
• Другие варианты, например, todayHighlight работы

Я уверен, что я что-то глупое отсутствует. ..пожалуйста помоги?

Answer 1

Имел подобную проблему. Я использовал ресурс js (http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js) и css (http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css) ссылки доступны в скрипте J Santosh рекомендуется, и это сработало. Edit: Давая значение ориентации, ваш код будет как этот

$('#datepicker').datepicker({ 
    autoclose: true, 
    format: 'dd-mm-yyyy', 
    daysOfWeekDisabled: '0,6', 
    todayHighlight: true, 
    orientation: 'bottom left' 
}); 

Символы «-» не должно быть: внизу слева, а не снизу-слева. Используйте файлы css и js выше, если они все еще не работают.