日期选择器引导程序不在侧栏上工作

Question

我在侧边栏上有一个日期选择器引导程序，当我打开我的页面时，它看起来很奇怪，我不知道为什么。

我的侧边栏日期过滤器：

<li class="sidebar-filter">
<div id="%filter_id%" data-date-format="dd/mm/yyyy" class="input-group date-picker input-daterange input-icon right sidebar-select2" >
    <input id="%filter_id%_from" name="%filter_name%_from" type="text" class="form-control sidebar-input" value="%value_from%" placeholder="%placeholder_from%" style="padding-left:2px!important;padding-right:0px!important;" />
    <span class="input-group-addon" data-content="%data-content%" data-placement="top" data-popover="popover">To</span>
    <input id="%filter_id%_to" name="%filter_name%_to" type="text" class="form-control sidebar-input" value="%value_to%" placeholder="%placeholder_to%" style="padding-left:2px!important;padding-right:0px!important;"/> 
</div>
<input type="hidden" id="%filter_id%_value" name="%filter_name%_value" value="" />

当我的页面准备好时，在js上，我这样做：

$('.date-picker').datepicker({ autoclose: true });

最终结果：

有人有想法吗？