引导程序中的单个日期、月份和年份下拉菜单答案

【问题标题】：Individual date, month and year dropdowns in bootstrap引导程序中的单个日期、月份和年份下拉菜单
【发布时间】：2016-03-18 04:05:09
【问题描述】：

所以我试图在引导程序中创建一个表单，我已经完成了大部分工作，但是我卡在了最后一部分。我需要的是 3 个包含用户出生日期的下拉菜单。日、月和年。

我查看了引导文档，但找不到任何帮助。

我想看起来像这样：https://gyazo.com/96c8be19718dbffef7302ea30a7eb343

箭头下拉菜单是我制作的自定义图像。我想知道是否可以使用它而不是默认箭头。

非常感谢:)

                <form class="form">
                <div class="form-group col-xs-4 col-md-4">
                    <label for="first-name" class="control-label">First Name</label>
                    <input type="text" class="form-control" id="first-name">
                </div>
                <div class="form-group col-xs-4 col-md-4">
                    <label for="email-address" class="control-label">Email</label>
                    <input type="email" class="form-control" id="email-address">
                </div>
                <br>
                <div class="form-group col-xs-4 col-md-4">
                    <label for="last-name" class="control-label">Last Name</label>
                    <input type="text" class="form-control" id="last-name">
                </div>
                <div class="form-group col-xs-4 col-md-4">
                    <label for="confirm-email-address" class="control-label">Confirm Email</label>
                    <input type="email" class="form-control" id="confirm-email-address">
                </div>
                <div class="form-group col-xs-4 col-md-4">
                    // dropdowns would go here
                </div>
                </form>
            </div>
        </div>

【问题讨论】：

当您使用引导程序时，实际的日期选择器不是更适合您的表单吗？ bootstrap-datepicker.readthedocs.org/en/latest
不，不幸的是我的手被绑了，它必须看起来像我提供的图像。
vitalets.github.io/combodate 或 icklechris.github.io/jquery-date-dropdowns
如何将它放入我的代码中？ @NullPointerException $("example1").dateDropdowns();
您需要将这些 js 插件包含到您的代码中。阅读他们的文档

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

我做了一个完整的例子，你只需要为每个元素放置正确的类。

要初始化你必须使用的日期时间

$(".date-dropdowns").dateDropdowns();

https://jsfiddle.net/jorge182/dszkt041/1/

还阅读有关插件的文档

http://icklechris.github.io/jquery-date-dropdowns/

【讨论】：