Question

以下是组件https://github.com/sompylasar/bootstrap-datepicker-select

我需要三个下拉日期，月份，年份，就像这个组件一样（如果你查看index.html），当你打开这个例子时，它可以工作，但是当我试图实现它时应该工作（js部分），除了CSS没有工作（它不是在例子中），现在我知道我包括所有的CSS和js文件。而且我也尝试了他的bootstrap css（他包括）然后它的工作（下拉菜单看起来像他），但它扰乱了我所有的其他页面。现在我的问题，是否有一个简单的解决方案来解决这个问题（我是新的bootstrap），或者是否存在同一事物的另一个组件，或者我应该采用标准下拉菜单并用foreach填充日期，月份和年份。提前谢谢

Answer 1

我选择了foreach的经典方法

                    <div class="form-group">
                        <label for="selectDate">Date of Birth:</label>
                        <select id="selectDate" style="width:auto;" class="form-control selectWidth">
                            @for ($i = 1; $i <= 31; $i++)
                            <option class="">{{$i}}</option>
                            @endfor
                        </select>
                        <select id="selectMonth" style="width:auto;" class="form-control selectWidth">
                            @for ($i = 1; $i <= 12; $i++)
                            <option class="">{{$i}}</option>
                            @endfor
                        </select>
                        <select id="selectYear" style="width:auto;" class="form-control selectWidth">
                            @for ($i = 1900; $i <= 2015; $i++)
                            <option class="">{{$i}}</option>
                            @endfor
                        </select>
                    </div>

如果有人发现该插件，请将其写在评论中或作为答案。

bootstrap组件（日期，月份，年份三次下拉列表）compulsar / bootstrap-datepicker-select css not working

1 个答案: