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/