Probleme mit Trent Richardson timepicker und datetimepicker

Ich versuche, umzusetzen Trent s timepicker, aber ich bin nicht in der Lage, es zu tun. Ich Teste es in Chrome, Firefox und IE9.

Ich bereits importiert Jquery und Jquery UI. Der einzige gemeinsame Fehler, die ich finden konnte, war, dass Jquery UI war nicht die volle version(ohne Folien), aber das ist nicht mein Fall. Trotzdem, die Fehler sind die folgenden 

Cannot set property 'formatTime' of undefined (line ...)
$.datepicker.formatTime = function(format, time, options) { (this is the line)

Cannot call method '_newInst' of undefined
$t.datepicker($.timepicker._newInst($t, o)._defaults);

Wäre ich danke über jede Hilfe, ich bin wirklich neu bei jQuery und ich wirklich nicht bekommen, es.

  • Stellen Sie sicher, dass jQuery geladen wird und nicht die Anhebung alle Fehler selbst. Dann fügen Sie in der timepicker-Bibliothek, ohne deren Instantiierung (Kommentar dieses Zeug als nötig) und stellen Sie sicher, dass erhöht nicht den Fehler. Was könnte Ihnen helfen, verengen die Ursache. Schließlich doppelklicken Sie überprüfen, wie du bist Initialisierung - es könnte dein Aufruf ist falsch. Würden Sie fügen Sie Ihre Instanziierung code und die entsprechende html-snippet?
  • (Btw, wenn Fragen zu bestimmten plugins, die möglicherweise nicht allgemein bekannt ist, ist es hilfreich, hyperlinks auf die Startseite für das Projekt, andere zu retten, dass google es.)
  • Sorry, ich vergaß zu verknüpfen. Jquery-ui funktioniert, ich bin mit dem datepicker-widget und zeigt mir keine Probleme. Hier ist der html - <label for="horaInicio">Horario Inicio</label> <input type="text" id="hora_ini" name="horaInicio" /> Und die js wo ich Anrufe datepicker $('#hora_ini').timepicker({});
  • Keine probs mit dem vergessen - aber denken Sie daran, dass Sie können einen Beitrag editieren, um solche Dinge 🙂
  • Nur eine Vermutung - vielleicht nehmen Sie die leere hash von Ihrem timepicker () - Aufruf?
InformationsquelleAutor Frippie | 2012-02-23
  1. 1

    Ich hatte das exakt gleiche problem, heute früh. Ich löste es, indem sichergestellt wird, hatte ich die neuesten Versionen von jQuery und jQuery-UI - (zuerst habe ich nur aktualisiert, jQuery und das problem Bestand). Ich würde auch sicherstellen, dass Sie die neueste version von Trent Richardson.

    • Hat nicht geklappt. Ich habe die neueste version von allen, ich habe sogar versucht mit Trent s dev neueste Version, aber ich kann nicht, es stört mich.. trotzdem Danke
    • Dieses versuchen Sie stattdessen den github.com/keithhackbarth/jquery-datetime-picker
    InformationsquelleAutor Mike L
  2. 1

    Download full version der jquery-ui -hier, aber überprüfen Sie alle Felder, einschließlich "Datepicker". Dann ersetzen Sie Ihre jquery-ui js-Datei und führen Sie Ihr Projekt. Arbeitete für mich.

    InformationsquelleAutor Cris
  3. 1

    Verwenden Sie es mit einem Objekt als Eingabe, d.h. die zusätzlichen geschweiften Klammern:

    <input type="text" name="pickuptime" id="pickuptime" value=""  /> 
$('#pickuptime').datetimepicker( { } );

    stattdessen: 

    <input type="text" name="pickuptime" id="pickuptime" value=""  /> 
$('#pickuptime').datetimepicker( );
    InformationsquelleAutor genius developer
  4. 0

    Ich hatte genau das gleiche problem gestern Abend. Die Ursache des Problems stellte sich heraus, dass timepicker javascript-Datei geladen wurde, nachdem das jQuery-UI-javascript. Da timepicker verwenden will $.datepicker sollte initialisiert wurden in jQuery UI, es scheiterte kläglich.

    In meiner persönlichen situation, ich benutze es auf Ruby on Rails Umgebung, und lasse ich die Reihenfolge der javascript laden behandelt asset-pipeline. Es ist ein schönes Umfeld, mit javascript laden mit minifying automatisch. Aber ich gab auf und ging zurück zu verknüpfen js-Dateien aus html-manuell, und voila! Es arbeitete.

    InformationsquelleAutor barley
  5. 0

    Sieht aus wie Sie haben ein Problem bezogen auf jquery UI mit datepicker

    Datum Zeit picker web-site

    Probleme mit Trent Richardson timepicker und datetimepicker

    versuchen diese Referenz vor Ihrem date time picker und nach jquery Referenz 

    <script type="text/javascript" 
src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">
    InformationsquelleAutor Mina Gabriel
Schreibe einen Kommentar