BootStrap-DatePicker NoConflict

Laut dem Dokument: https://github.com/eternicode/bootstrap-datepicker#no-conflict

bootstrap-datepicker verwenden können noConflict jetzt:

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

Er sagte: "geben Sie $().bootstrapDP die bootstrap-datepicker-Funktion", was bedeutet das? Es bedeutet, die ich verwenden kann $("#object").bootstrapDP() statt $("#object").datepicker()?

Habe ich versucht es in firefox (nur zum testen, eigentlich nicht, den Konflikt um irgendwelche js), aber das "Datum wählen" nicht angezeigt, und es wird kein Fehler angezeigt (von firebug), das ist seltsam.

Unten ist mein code:

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>

Wenn ich ersetzen Sie das Skript mit $("#dp3").datepicker(), die "Datum-wählen Sie" zeigen wird.
Kann mir jemand sagen, wie die Verwendung noConflict bootstrap datepicker?

  • Ist, dass Ihre eigentliche script? Coz du bist fehlt ein () auf .noConflict. Jedenfalls, dein Problem wäre einfacher zu lösen, wenn Sie gepostet ein Turnschuh.
  • Vielen Dank für den Kommentar und die Anregung. Darf ich Fragen, warum es keine Fehler zeigen sich in der firebug-Konsole (firefox) oder IE, wenn ich vermisse die Klammer?
InformationsquelleAutor morgan117 | 2013-08-29
  1. 10

    Verpasst die Klammern auf der noConflict Funktion.

    Code:

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

    Arbeiten demo: http://jsfiddle.net/IrvinDominin/faxyz/

    • Vielen Dank für pointint es aus. Sorry für die dumme Frage.
    • Darf ich Fragen, warum es keine Fehler zeigen sich in der firebug-Konsole (firefox) oder IE, wenn ich vermisse die Klammer?
    • Ist es da Funktionen in javascript arbeiten als Objekte. Es gibt nichts, syntaktisch falsche Zuordnung noConflict auf eine variable. Es ist nicht anders als zu sagen var datepicker = function() {}. Ihr Aufruf .bootstrapDP() landete nur aufrufen noConflict(), die produziert keine Fehler.
    • Wer sagt, dass dies eine gültige Antwort @Irvin Uncaught TypeError: $.fn.datepicker.noConflict ist nicht eine Funktion von at <anonym>:2:34 am Objekt.InjectedScript._evaluateOn (<anonym>:895:140) im Objekt.InjectedScript._evaluateAndWrap (<anonym>:828:34) am Objekt.InjectedScript.bewerten (<anonym>:694:21)
    • es kann eine andere situation, denke ich, ist es besser, wenn Sie eine andere Frage stellen
    • auch im jsFiddle Beispiel. Es ist keine jquery-UI vorhanden..... huh
    • ist nicht von jQuery UI, wird bootstrap; bootstrap noconflict ist im Skript enthalten Abschnitt weil am post Datum cdn servieren
    • Ich habe immer noch den gleichen Fehler auch schon mit der demo-code. So landete ich einfach mit der JQuery UI builder jqueryui.com/download/#!version=1.11.4 und nur entfernt die 'datepicker' Modul da ich es nicht verwenden. Dass das problem bei mir gelöst.

    InformationsquelleAutor Irvin Dominin
  2. 1

    Für alle, die nicht geholfen, die durch die akzeptierte Antwort, die (wie ich) siehe unten...

    Anstatt zu verwenden die jQuery-Initialisierung, nutzen Sie die data-api Instanziierung etwa so:

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

    Dies ermöglicht Ihnen die Verwendung des Bootstrap-datepicker, ohne sich Gedanken über den Konflikt mit jQuery UI ' s datepicker.

    InformationsquelleAutor FastTrack
Schreibe einen Kommentar