Forum PHP.pl > [jQuery] Problem z wywołaniem datepicker

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Problem z wywołaniem datepicker

adolek17

15.02.2012, 17:03:27

Zrobiłem to tak jak na tym tutorialu i nie działa. Nie uruchamia się kalendarz :/

index.html

Kod

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.17.custom.css">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script>
        <script type="text/javascript" src="jquery.ui.datepicker-pl.js"></script>
        <script type="text/javascript" src="skrypt.js"></script>
    </head>
    <body>
        <input id="kalendarz" type="text" size="8">
    </body>
</html>

skrypt.js

Kod

$('#kalendarz').datepicker({ dateFormat: 'dd/mm/yy' });

]

style.css

Kod

body{
font-size: 10px;
}

W folderze CSS/UI-lightness mam plik jquery-ui-1.8.17.custom.css oraz folder "images" z elementami kalendarza.

Brakuje tu czegoś, dlaczego to nie działa?

wNogachSpisz

15.02.2012, 17:07:05

A co z tej okazji słychać w konsoli JavaScript?

lobopol

15.02.2012, 17:08:35

wpakuj to w :

[JAVASCRIPT] pobierz, plaintext 
$(function(){
 
$('#kalendarz').datepicker({ dateFormat: 'dd/mm/yy' });
})
[JAVASCRIPT] pobierz, plaintext

adolek17

15.02.2012, 17:18:08

Cytat(lobopol @ 15.02.2012, 17:08:35 )

wpakuj to w :

[JAVASCRIPT] pobierz, plaintext 
$(function(){
 
$('#kalendarz').datepicker({ dateFormat: 'dd/mm/yy' });
})
[JAVASCRIPT] pobierz, plaintext

Nic to nie dało, nadal się nie wyświetla kalendarz po kliknięciu w input.

W konsoli wyskakuje coś takiego:
"Uncaught ReferenceError: $ is not defined", po zastosowaniu rady kolegi wyżej w Google Chrome w "Narzędziach programisty", w FireBug wyskakuje:

Kod

$ is not defined
skrypt.js()skrypt.js (wiersz 1)
[Wstrzymuj na tym błędzie]

$(function(){.

lobopol

15.02.2012, 17:24:18

Czyli nie masz podpiętego jquery, sprawdź ścieżkę.

adolek17

15.02.2012, 17:29:00

Ścieżki do plików "jquery-1.7.1.min.js" i "jquery-ui-1.8.17.custom.min.js" są dobre (są bezpośrednio tam gdzie index.html).

lobopol

15.02.2012, 17:50:18

zamiast twoich wywołań daj:
http://ajax.googleapis.com/ajax/libs/jquer...1/jquery.min.js
http://ajax.googleapis.com/ajax/libs/jquer...query-ui.min.js
i podaj efekt

Gość

15.02.2012, 17:57:47

Wielkie dzięki, działa

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.