web-dev-qa-db-ja.com

BootStrap DatePicker NoConflict

ドキュメントによると： https://github.com/eternicode/bootstrap-datepicker#no-conflict

ブートストラップdatepickerはnoConflictを使用できるようになりました：

_var datepicker = $.fn.datepicker.noConflict();
$.fn.bootstrapDP = datepicker;    // give $().bootstrapDP the bootstrap-datepicker functionality
_

「$（）。bootstrapDPにbootstrap-datepicker機能を与える」と書かれていましたが、これはどういう意味ですか？ $("#object").bootstrapDP()の代わりに$("#object").datepicker()を使用できるということですか？

私はFirefoxで試してみましたが（テストのためだけで、実際にはどのjsとも競合しません）、「date-choose」が表示されず、（firebugからの）エラーも表示されません。これは奇妙なことです。

以下は私のコードです：

HTML

_<div class="input-append date" id="dp3" data-date-format="dd-mm-yyyy">
    <input class="span2" size="16" type="text"  readonly><span class="add-on"><i class="icon-th"></i></span>
</div>
_

JS

_<script>
  $(function(){
    var datepicker = $.fn.datepicker.noConflict;
    $.fn.bootstrapDP = datepicker;  
    $("#dp3").bootstrapDP();    
  });
</script>
_

スクリプトを$("#dp3").datepicker()に置き換えると、「date-choose」が表示されます。 noConflictをbootstrap datepickerに使用する方法を教えてもらえますか？

jquerytwitter-bootstrapdatepicker
11
morgan117

noConflict関数の親を見逃しました。

コード：

$(function(){
    var datepicker = $.fn.datepicker.noConflict();
    $.fn.bootstrapDP = datepicker;  
    $("#dp3").bootstrapDP();    
});

作業デモ： http://jsfiddle.net/IrvinDominin/faxyz/

10
Irvin Dominin

Jquery UIのすべてを使用する代わりに、JqueryUIから必要なウィジェットをカスタマイズできます。

この場合、jquery datepickerを削除し、新しいファイルを作成して使用できます。

このjqueryuiウィジェットビルダーを使用します： https://jqueryui.com/download/

0
Sopo

受け入れられた答え（私のように）に助けられなかった人は、以下を参照してください...

JQueryの初期化を使用するのではなく、次のようにdata-apiインスタンス化を利用します。

<input type="text" data-provide="datepicker" />

これにより、jQuery UIの日付ピッカーとの競合を心配することなく、Bootstrap日付ピッカーを使用できます。

0
FastTrack