如何启用引导日期选择器中的容器附加到特定元素？

Question

如何在引导日期选择器中添加指定容器选项以使日期选择器能够附加到特定元素？

我添加了容器选项，但它不起作用，即当我添加它时，日期选择器没有打开。当我删除容器选项时，它默认为正文，并且日期选择器显示正常。

我真的想让日期选择器仅附加到特定元素并保持固定在滚动上，但它根本不起作用，即日期选择器随滚动移动。真的很令人沮丧。

这是日期选择器代码，

$('#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 并为其指定一个 id。因此，下面的方法就达到了目的：

container: div#startDate,

这意味着对于日期选择器选择器文本字段周围的 id 为“startDate”的 div，将其附加到该元素。此外，您可能必须将 CSS 属性“overflow:visible”设置为容器元素，以允许通过“溢出”容器来显示日期选择器。