2012-02-23 12 views
5

Próbuję wprowadzić timepicker Trenta, ale nie jestem w stanie tego zrobić. Testuję to w Chrome, Firefox i IE9.Problemy z timepickerem Trent Richardson i datetimepicker

Już zaimportowałem Jquery i Jquery UI. Jedynym typowym błędem jaki mogłem znaleźć było to, że Jquery UI nie był pełną wersją (bez slajdów), ale to nie jest moja sprawa. W każdym razie, błędy są następujące

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); 

chciałbym podziękować za każdą pomoc, jestem naprawdę nowego w jQuery, a ja naprawdę nie rozumiem.

+0

Upewnij się, że jQuery jest ładowany i nie podnosi się same błędy. Następnie dodaj bibliotekę timepicker bez tworzenia instancji (skomentuj to, jeśli to konieczne) i upewnij się, że nie powoduje żadnych błędów. To może pomóc ci zawęzić sprawę. Na koniec sprawdź dokładnie, jak ją zainicjujesz - może to być niewłaściwe. Czy dodasz swój kod instancji i odpowiedni fragment HTML? – halfer

+0

(Przy okazji pytań dotyczących konkretnych wtyczek, które mogą nie być powszechnie znane, warto skorzystać z hiperłącza do strony głównej tego projektu, aby zapisać innych, którzy muszą google.) – halfer

+0

Przepraszamy, zapomniałem połączyć. Jquery ui działa, używam widżetu datepicker i nie pokazuje mi żadnych problemów. Oto html '' '' a js gdzie zadzwonię datepicker '$ ('# hora_ini'). timepicker ({});' – Frippie

Odpowiedz

1

Dziś miałem dokładnie ten sam problem. Rozwiązałem go, upewniając się, że mam najnowsze wersje jQuery i jQuery UI (najpierw zaktualizowałem tylko jQuery, a problem utrzymywał się). Chciałbym również upewnić się, że masz najnowszą wersję od Trenta Richardsona.

+0

Nie zadziałał. Mam najnowszą wersję wszystkich, próbowałem nawet z najnowszym wydaniem Trenta dev, ale nie mogę, to mnie denerwuje .. Mimo to dziękuję – Frippie

+0

Wypróbuj ten zamiast https://github.com/keithhackbarth/jquery-datetime -zbieracz – keithhackbarth

0

Wczoraj wieczorem miałem dokładnie ten sam problem. Przyczyną problemu okazało się, że plik javascript timepicker został załadowany po javascript jQuery UI. Ponieważ timepicker chce używać $.datepicker, który powinien był zostać zainicjowany w jQuery UI, nie udało się to marnie.

W mojej osobistej sytuacji używam go w środowisku Ruby on Rails, a kolejność ładowania javascript jest obsługiwana przez asset pipeline. Jest to ładne środowisko, które obsługuje automatyczne ładowanie javascript przy pomocy minifikacji. Ale podałem to i wróciłem do ręcznego łączenia plików js z html i voila! Zadziałało.

1

Użyj go z obiektem jako wejście, co oznacza dodatkowe szelki nawiasów:

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

zamiast tego:

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

pobrać pełną wersję jQuery UI here, ale sprawdź wszystkie pola w tym "Datepicker". Następnie zamień plik jquery-ui js i uruchom swój projekt. Pracował dla mnie.

0

Wygląda na to masz problem, odwołując się do jQuery UI z datepicker

od czasu data miejscu kompletacji internetowej

enter image description here

spróbować to odwołanie przed datą czas kompletacji i po nawiązaniu jquery

<script type="text/javascript" 
src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">