引导程序中的单个日期、月份和年份下拉列表
Individual date, month and year dropdowns in bootstrap
所以我正在尝试在引导中创建一个表单,我已经完成了其中的大部分,但是我卡在最后一部分。我需要的是 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>
我做了一个完整的例子,你只需要为每个元素放置正确的类。
要初始化日期时间,您必须使用它
$(".date-dropdowns").dateDropdowns();
https://jsfiddle.net/jorge182/dszkt041/1/
另请阅读有关插件的文档
http://icklechris.github.io/jquery-date-dropdowns/
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 禁用jQuery中的下拉列表
- 如何在按钮中显示下拉列表中选定的元素
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 如何使用PHP和JS级联三个下拉列表
- 如何在使用剑道 MVVM 下拉列表时强制选择第一项
- 语义ui如何使用javascript启用或禁用下拉列表
- 将单个下拉列表计算器升级到多个下拉列表
- 引导程序中的单个日期、月份和年份下拉列表
- 单个列筛选不保存下拉列表 jQuery 的状态
- 对多个表行重用单个 HTML 选择/下拉列表
- 如何创建共享单个列表的链接下拉列表,并确保只能在一个下拉列表中选择每个值
- 在单个表单中从下拉列表中多次提交
- 在单个下拉列表中填充来自两个不同列的值
- 允许 typeahead,js 自动完成文本中的单词,而不仅仅是下拉列表中的单个值
- 如何使用下拉列表使单个HTML页面为主题选择不同的CSS样式表