我正在尝试将daterange(https://github.com/eternicode/bootstrap-datepicker)选择添加到我的bootstrap 3表单中.我在表单中添加了表单元素:
to
但我得到奇怪的输入:
我希望它看起来像这里.
我应该如何构建我的表单以使这个日期范围看起来不错?我希望这两个输入和"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({});