微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 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没有冲突),但是“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();    
});

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

原文地址:https://www.jb51.cc/jquery/178716.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐