私は一度に1カレンダーを表示する必要があります

Question

私はここで私のコードですブートストラップを使用しています。

<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を使用しています。 * http://www.eyecon.ro/bootstrap-datepicker

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

Answer 1

あなたはこのLinkからプラグイン資産の最新バージョンをダウンロードして、次のコードを試してくださいする必要がまず第一に：

HTML：

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

JS：

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

作業例を確認してくださいCODEPEN

でeは、それはあなたが... はここ:)