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
<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插件