Twitter bootstrap 我需要一次显示一个日历

我正在使用引导，这是我的代码

<div class="col-md-3 col-xs-6">
    <div class="input-group date mg-check-in">
        <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
        <input class="datepicker" type="text" name="date" id="exampleInputEmail1" placeholder="Check In">
    </div>
</div>
<div class="col-md-3 col-xs-6">
    <div class="input-group date mg-check-out">
        <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
        <input class="datepicker" type="text" name="date" id="exampleInputEmail1" placeholder="Check Out">
    </div>
</div>

这是剧本。我在这里也使用datepicker js。 *

$（函数（）{
$（'.datepicker'）.datepicker（）；
});

首先，您需要从这里下载最新版本的插件资产，然后尝试以下代码：

HTML:

请查看此处的工作示例

希望对你有帮助。。

---

享受：）

从这里开始：那么问题出在哪里？当我单击日期选择器时，它将显示日历，我需要一次显示每个日历，以便办理入住和退房手续。对不起，我弄糊涂了。您好！谢谢你的回答，但是当我点击“签入”和“签出”时，在你的代码笔链接中没有显示日历。嗨！仍然不工作，但我会尝试你的代码。谢谢欢迎你，如果你觉得答案有用，请投票。。谢谢：）

<script type="text/javascript">
$ (function() {
    $('.datepicker').datepicker();
});
</script>

<div class="col-md-3 col-xs-6">
  <div class="input-group date mg-check-in">
    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <input class="datepicker form-control" type="text" name="date" id="dp1" placeholder="Check In">
  </div>
</div>
<div class="col-md-3 col-xs-6">
  <div class="input-group date mg-check-out">
    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <input class="datepicker form-control" type="text" name="date" id="dp2" placeholder="Check Out">
  </div>
</div> 

$('#dp1, #dp2').datepicker({
   autoclose: true
 })