BootStrap DatePicker NoConflict

В соответствии с документом: https://github.com/eternicode/bootstrap-datepicker#no-conflict

bootstrap 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), но "дата-выбор" не отображается, и ошибка не появляется (из 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>

Когда я заменю script на $("#dp3").datepicker(), отобразится "дата-выберите". Может ли кто-нибудь сказать мне, как использовать noConflict для загрузки datepicker?

Ответ 1

Вы пропустили parens в функции noConflict.

код:

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

Рабочая демонстрация: http://jsfiddle.net/IrvinDominin/faxyz/

Ответ 2

Для тех, кому не помог принятый ответ (как я), смотрите ниже...

Вместо использования инициализации jQuery используйте инстанцирование data-api следующим образом:

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

Это позволяет вам использовать средство выбора даты Bootstrap, не беспокоясь о конфликте с средством выбора даты jQuery UI.

Ответ 3

Вместо того, чтобы использовать все из Jquery UI, вы можете настроить виджеты, которые вы хотите из Jquery UI.

В этом случае вы можете удалить jquery datepicker и создать новые файлы и использовать их.

Используйте этот конструктор виджетов jquery ui: https://jqueryui.com/download/