Как включить контейнер в bootstrap datepicker для добавления к определенному элементу?

Question

Как вы можете добавить опцию container в bootstrap datepicker, чтобы включить datepicker для добавления к определенному элементу?

Я добавил контейнер, но его не работает, т. Е. Датапикер не открывается, когда я его добавляю. Когда я удаляю контейнер, он по умолчанию имеет значение body, а datepicker - отлично.

Я действительно хочу, чтобы параметр datepicker добавлялся только к определенному элементу и оставался неподвижным при прокрутке, но его вообще не работало, т. Е. Датпикер перемещается вместе со свитком. Это действительно расстраивает.

Вот код DatePicker,

$('#StartDate').bootstrapDP({ 
format: 'mm/dd/yyyy', 
startDate: defaultDate, 
container: '#StartDate", 
todayBtn: 'linked', 
clearBtn: true, 
beforeShowDay: function(Date){ 

    var curr_day = Date.getDate(); 
    var curr_month = Date.getMonth()+1; 
    var curr_year = Date.getFullYear();   
    var curr_date=curr_month+','+curr_day+','+curr_year;  

    if(!(typeof nat_arr == "undefined")){ 

     if (nat_arr.indexOf(curr_date)>-1) return false; 
    } 

}, 
daysOfWeekDisabled: [0,6], 
todayHighlight: true 
}).on('changeDate',dateChanged); 

Я перепробовал все концы. Я отлаживал JQuery UI JS и выяснил, что проблема связана с тем, что блок отображения не добавляется при добавлении контейнера, но я не уверен.

Пожалуйста, помогите мне, было бы очень мило!

Answer 1

Решение было довольно простым. Все, что вам нужно было сделать, это добавить div в селектор datepicker и присвоить ему идентификатор. Таким образом, следующий сделал трюк:

container: div#startDate, 

Это означает, что для DIV вокруг текстового поля селектора DatePicker с идентификатором «STARTDATE», добавьте его к элементу. Кроме того, вам может потребоваться установить свойство CSS «overflow: visible» в элемент контейнера, чтобы позволить датепикеру отображаться «переполнением» контейнера.