2016-03-25 12 views
1

ブートストラップ日付ピッカーから日付を選択すると、ピッカーポップアップが表示されなくなります。何が問題なのでしょうか?ピッカーを閉じていない日付を選択した後のブートストラップ日付ピッカー

Here is my fiddle

<div class="form-group col-xs-6"> 
    <div class="input-group"> 
    <div class="input-group-addon flat"> 
       <div class="glyphicon glyphicon-calendar"></div> 
    </div> 
    <div class="col-sm-10"> 
     <input name="DATEFROM" id="dateFrom" type="text" class="form-control" /> 
    </div> 
    </div> 
</div> 
$(document).ready(function() { 

    $('#dateFrom').datepicker({ 
    format: "mm/dd/yyyy", 
    orientation: "top" 
    }); 

}); 

答えて

3

オートクローズ追加:日付ピッカー機能で真を。 新しいjqueryのコードは次のとおりです。ここで

$(document).ready(function() { 

    $('#dateFrom').datepicker({ 
    format: "mm/dd/yyyy", 
    orientation: "top", 
    autoclose: true 
}); 

}); 

が更新フィドルです。 https://jsfiddle.net/329suzv9/8/

+1

このオプションはドキュメントには表示されませんでした。いいね – sniels

+0

日付ピッカーの機能のいくつかの例が見つかりました[ここ](https://eternicode.github.io/bootstrap-datepicker/?markup=input&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&maxViewMode=2&todayBtn=false&clearBtn=false&language=自動&multidate =&multidateSeparator =&autoclose =オン&keyboardNavigation =オン&forceParse = on#サンドボックス)。 **ラジオボタン**または**チェックボックス**をマークして、以下のコードをご覧ください。 – arsho

1

changedateイベントのデータピッカーを非表示にするだけです。

$(document).ready(function() { 

    $('#dateFrom').datepicker({ 
    format: "mm/dd/yyyy", 
    orientation: "top" 
    }).on('changeDate', function(ev){ 
    $('#dateFrom').datepicker('hide'); 
    }); 

});