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

Twitter bootstrap 引导表单内联和自动日期选择器日期,twitter-bootstrap,Twitter Bootstrap,我想使用引导表单内联建立一个快速预订。但我有一些问题: 表单内联有一个左边距[我不想要任何左边距[/strong>] Datepicker无法自动生成签出日期[在单击签入日期ex:22/10/2013之后,系统自动转到签出日期2013年10月23日,因此用户不难从该日期开始 怎么做? 这是我的脚本html <div class="row"> <div class="span12"> <form class="form-horizont

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

  • 表单内联有一个左边距[我不想要任何左边距[/strong>]
  • Datepicker无法自动生成签出日期[在单击签入日期ex:22/10/2013之后,系统自动转到签出日期2013年10月23日,因此用户不难从该日期开始
  • 怎么做? 这是我的脚本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>
    
    
    办理登机手续
    退房
    
    我从中使用的日期选择器的引导javascript。 这个javascript是内联的

    <script>
    $('#sandbox-container .input-append.date').datepicker({
        format: "dd/mm/yyyy",
        startDate: "0d",
        endDate: "+2y",
        autoclose: true,
        todayHighlight: true
    });
    </script>
    
    
    $('#sandbox container.input append.date').datepicker({
    格式:“dd/mm/yyyy”,
    起始日期:“0d”,
    结束日期:“+2y”,
    自动关闭:是的,
    今天的亮点:真的
    });
    
    文件CSS是bootstrap的标准格式。
    这是屏幕截图:

    第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期:您链接到的功能有一个完整的示例

    为什么无法打开demo fiddle?@LenaQueen您的意思是什么?这个演示只针对新的标记,所以现在没有空白,我没有包括datepicker插件