jquery – BootStrap DatePicker NoConflict

前端之家收集整理的这篇文章主要介绍了jquery – BootStrap DatePicker NoConflict前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
根据文件https://github.com/eternicode/bootstrap-datepicker#no-conflict

bootstrap datepicker现在可以使用noConflict:

  1. var datepicker = $.fn.datepicker.noConflict();
  2. $.fn.bootstrapDP = datepicker; // give $().bootstrapDP the bootstrap-datepicker functionality

它说“给$().bootstrapDP bootstrap-datepicker功能”,这是什么意思?这是否意味着我可以使用$(“#object”).bootstrapDP()而不是$(“#object”).datepicker()?

我在firefox中尝试过它(仅用于测试,实际上与任何js没有冲突),但是“date-choose”没有显示,并且没有出现错误(来自firebug),这很奇怪.

以下是我的代码

HTML

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

JS

  1. <script>
  2. $(function(){
  3. var datepicker = $.fn.datepicker.noConflict;
  4. $.fn.bootstrapDP = datepicker;
  5. $("#dp3").bootstrapDP();
  6. });
  7. </script>

当我用$(“#dp3”).datepicker()替换脚本时,将显示“date-choose”.
谁能告诉我如何使用noConflict来引导datepicker?

解决方法

你错过了noConflict函数的parens.

码:

  1. $(function(){
  2. var datepicker = $.fn.datepicker.noConflict();
  3. $.fn.bootstrapDP = datepicker;
  4. $("#dp3").bootstrapDP();
  5. });

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

猜你在找的jQuery相关文章