Javascript 在使用多选项筛选器的引导下拉切换时遇到问题

我正在尝试使用一个引导下拉开关作为过滤器来更改各种控件。我能够获得切换中的链接来更改带有控制器的div，但是由于某种原因，我无法让日期选择器正常工作

此外-出于某种原因，我的两个下拉选择器不会因为某种原因更改默认值

任何帮助都将不胜感激

<div class="container">
<div class="row">
    <div class="col-md-12">
        <div style="float:left" class="col-md-3">
            <div class="">
                 <h5>Filter</h5>

                <div id="switcher" class="btn-group">
                    <button style="width:110px" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span data-bind="label">Select One</span>&nbsp;<span class="caret"></span>

                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#week">Week</a>
                        </li>
                        <li><a href="#month">Month</a>
                        </li>
                        <li><a href="#stage">Stage</a>
                        </li>
                        <li><a href="#team">Team</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div style="float:left" class="col-md-9">
            <div class="col-sm-3">
                <div class="filter" id="week">
                    <div style="margin-top:10px;margin-left:15px;">
                         <h5>Week</h5>

                        <input style="width:200px" id="date-picker-1" type="text" class="date-picker form-control" />
                    </div>
                </div>
                <div class="filter" id="month">
                    <div style="margin-top:10px;margin-left:15px;">
                         <h5>Month</h5>

                        <input style="width:200px" id="date-picker" type="text" class="date-picker-2 form-control" />
                    </div>
                </div>
                <div class="filter" id="stage" class="" style="margin-top:10px;margin-left:15px;">
                     <h5>Stage</h5>

                    <button style="width:200px" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"> <span data-bind="label">Select Stage</span>&nbsp;<span class="caret"></span>

                    </button>
                    <ul style="margin-left:30px" class="dropdown-menu" role="menu">
                        <li><a href="#">Stage 1</a>
                        </li>
                        <li><a href="#">Stage 2</a>
                        </li>
                        <li><a href="#">Stage 3</a>
                        </li>
                        <li><a href="#">Stage 4</a>
                        </li>
                    </ul>
                </div>
                <div class="filter" id="team" class="" style="margin-top:10px;margin-left:15px;">
                     <h5>Team</h5>

                    <button style="width:200px" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"> <span data-bind="label">Select Team</span>&nbsp;<span class="caret"></span>

                    </button>
                    <ul style="margin-left:30px" class="dropdown-menu" role="menu">
                        <li><a href="#">Team 1</a>
                        </li>
                        <li><a href="#">Team 2</a>
                        </li>
                        <li><a href="#">Team 3</a>
                        </li>
                        <li><a href="#">Team 4</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

滤器
选择一个










周
月
阶段
选台










团队
选拔队

---

您的日期选择器使用什么？您在小提琴中使用的引导程序或jQuery都没有日期选择器。很好！我已经通过添加引导日期选择器解决了这个问题。在下拉列表未更改默认状态时仍有问题。。。。你用什么来挑选约会对象？您在小提琴中使用的引导程序或jQuery都没有日期选择器。很好！我已经通过添加引导日期选择器解决了这个问题。在下拉列表未更改默认状态时仍有问题。。。。