Bootstrap表单内联和自动日期选择日期

Question

我想使用bootstrap form inline构建快速预订。但我有一些问题：

1. 表格内联留有余量[我不想留任何余量]
2. Datepicker无法自动生成签出日期[点击签入日期之后：2013年10月22日系统自动转到签出日期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>

我在here使用的datepicker的bootstrap javascript。 这个javascript内联

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

文件CSS是bootstrap的标准配置。 这是屏幕截图：

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>

<强> Demo fiddle

问题2：您链接的plugin page包含您想要的功能的完整示例