12

根据文件：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>

当我用 替换脚本时$("#dp3").datepicker()，将显示“日期选择”。谁能告诉我如何使用 noConflict 来引导 datepicker？

4

3 回答 3

11

你错过了noConflict函数的括号。

代码：

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

工作演示：http: //jsfiddle.net/IrvinDominin/faxyz/

于 2013-08-29T13:52:25.737 回答
1

对于没有被接受的答案帮助的任何人（比如我），请参见下文......

不要使用 jQuery 初始化，而是data-api像这样使用实例化：

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

这允许您使用 Bootstrap 日期选择器，而不必担心与 jQuery UI 的日期选择器发生冲突。

于 2019-04-09T21:30:47.037 回答
1

您可以从 Jquery UI 自定义所需的小部件，而不是使用 Jquery UI 中的所有内容。

在这种情况下，您可以删除 jquery datepicker 并构建新文件并使用它们。

使用这个 jquery ui 小部件生成器：https ://jqueryui.com/download/

于 2019-08-22T11:50:18.690 回答