6

アイコンをクリックしてブートストラップ DatePicker を有効にするにはどうすればよいですか?

私のHTMLコードは次のとおりです。

<input type="text" class="datepicker">  
    <span class="add-on"><i class="icon-calendar" id="cal2"></i></span>

スクリプトは次のとおりです。

<script>
$(function(){
    $('.datepicker').datepicker({
        format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true
    });
});
</script>

アイコンをクリックして日付ピッカーを有効にしたいのですが、機能しません。

どうすればこれを達成できますか？

4

6 に答える 6

4

docsから、日付ピッカーtextboxをdivlikeでラップします

<div class="input-append date" id="dp3">
    <input type="text" id="datepicker" /> 
       <span class="add-on"><i class="icon-calendar" id="cal2"></i></span>
</div>

div次に、のようなIDを持つdatepickerイベントを添付しました

$("#dp3").datepicker();

JSFiddle

于 2014-01-08T07:31:53.870 に答える
2

ドキュメントによると：

.datepicker('show') 日付ピッカーを表示します。

クリック イベントを使用して、日付ピッカーを表示するだけです。

于 2014-01-08T07:26:33.233 に答える
0

バージョン 1.2.0 では、デフォルトで次のようになっています。

http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&todayBtn=false&language=en&orientation=auto&keyboardNavigation=on&forceParse=on#sandbox

于 2014-01-08T08:24:50.727 に答える