根据文件:
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没有冲突),但是“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来引导datepicker?
解决方法
你错过了noConflict函数的parens.
码:
$(function(){ var datepicker = $.fn.datepicker.noConflict(); $.fn.bootstrapDP = datepicker; $("#dp3").bootstrapDP(); });