twitter-bootstrap - 引导表单内联和自动日期选择器日期

Question

我想使用引导表单内联建立快速预订。但我有一些问题：

1. 表格内联有一个边距[我不想要任何边距]
2. Datepicker 不能自动生成结帐日期 [单击签入日期后例如：22/10/2013 系统自动转到签出日期 23/10/2013 所以用户不能从这个日期开始]

怎么做？这是我的脚本 html

<div class="row">
        <div class="span12">
        <form class="form-horizontal">
            <div class="control-group">
                <div class="controls form-inline" id="sandbox-container">
                    <label for="check-in">CHECK - IN</label>
                    <input type="text" id="cid" name="fymd" class="span2 input-append date" placeholder="dd/mm/yyyy">
                    <label for="check-out">CHECK - OUT</label>
                    <input type="text" id="cod" name="tymd" class="span2 input-append date" placeholder="dd/mm/yyyy">
                </div>
            </div>
        </form>
        </div>
    </div>

我从这里使用的 datepicker 的引导 javascript 。这个 javascript 内联

<script>
$('#sandbox-container .input-append.date').datepicker({
    format: "dd/mm/yyyy",
    startDate: "0d",
    endDate: "+2y",
    autoclose: true,
    todayHighlight: true
});
</script>

文件 CSS 是引导程序的标准。这是屏幕截图：

Answer 1

问题1：内联表单的正确结构如下：

<div class="row">
    <div class="span12">
        <form class="form-inline" id="sandbox-container">
            <label for="check-in">CHECK - IN</label>
            <input type="text" id="cid" name="fymd" class="span2 input-append date" placeholder="dd/mm/yyyy" />
            <label for="check-out">CHECK - OUT</label>
            <input type="text" id="cod" name="tymd" class="span2 input-append date" placeholder="dd/mm/yyyy" />
        </form>
    </div>
</div>

演示小提琴

问题 2：您链接到的插件页面有一个完整的示例，其中包含您想要的功能