gpt4 book ai didi

javascript - Bootstrap 3 日期范围选择形式

转载 作者:太空宇宙 更新时间:2023-11-03 19:40:18 24 4
gpt4 key购买 nike

我正在尝试将 daterange ( https://github.com/eternicode/bootstrap-datepicker) 选择添加到我的 bootstrap 3 表单。我已将表单元素添加到我的表单中:

<div class="form-group">
<label class="col-sm-3 control-label">Dates range</label>
<div class="col-sm-9">
<div class="input-daterange" id="datepicker">
<input type="text" class="input-small" name="start"/>
<span class="add-on">to</span>
<input type="text" class="input-small" name="end"/>
</div>
</div>
</div>

但我得到的输入看起来很奇怪:

我希望它看起来像 here .

我应该如何构建我的表单以使这个日期范围看起来不错?我希望这 2 个输入和“to”与其他输入具有相同的宽度并具有相同的焦点颜色。

这是我要玩的表格:http://jsfiddle.net/Misiu/a3NV4/

最佳答案

看这里的例子。

在 Bootstrap 3 上工作 http://jsfiddle.net/a3NV4/4/

<div class="input-daterange" id="datepicker">
<div class="input-group">
<input type="text" class="input-small form-control" name="start" />
<span class="input-group-addon">to</span>
<input type="text" class="input-small form-control" name="end" />
</div>
</div>

JS

$('.input-daterange').datepicker({});

关于javascript - Bootstrap 3 日期范围选择形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20802296/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com