problemi con datepicker

akp

Utente Attivo
8 Giu 2015
133
0
16
sale,come da titolo ho dei problemi con datepicker

nell' html ho questa situazione :
(mostro solo l'HEAD)
HTML:
<head>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="foundation-icons/foundation-icons.svg" />
    <link rel="stylesheet" href="foundation-icons/foundation-icons.css" />

    <link href="prova.css" rel="stylesheet" />

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/vendor/modernizr.js"></script>
    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation/foundation.js"></script>
    <script src="js/foundation.min.js"></script>
    <script src="js/foundation/foundation.dropdown.js"></script>
    <script src="js/foundation/foundation.topbar.js"></script>
    <script src="js/foundation/foundation.equalizer.js"></script>
    <script src="js/foundation/foundation.alert.js"></script>

    <script src="prova.js"></script>

  </head>

nel javascript :
Codice:
$(document).ready(function(){

$(function() {

    $( "#datepicker" ).datepicker();
    
});

});

l'id #datepicker viene chiamato in questo modo :
HTML:
<input type="text" id="datepicker" name="datepicker" />

il problema è che non funziona lo script e mi da il seguente errore:
$(..).datepicker(); is not function

mentre se in una pagina a parte quindi che non ha niente a che vedere con il mio progetto scrivo :
HTML:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
<input type="text" id="datepicker" name="datepicker" />
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
});
  </script>
</body>
</html>

funziona tutto perfettamente.
 

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
non vorrei dire una fesseria ma mi sembra che hai messo 3 o 4 volte jquery

prova con solo
HTML:
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <link rel="stylesheet" href="css/foundation.css" />
  <link rel="stylesheet" href="foundation-icons/foundation-icons.svg" />
  <link rel="stylesheet" href="foundation-icons/foundation-icons.css" />

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

  <script src="js/vendor/modernizr.js"></script>
  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.dropdown.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <script src="js/foundation/foundation.equalizer.js"></script>
  <script src="js/foundation/foundation.alert.js"></script>

  <script> $(function() { $( "#datepicker" ).datepicker(); });</script>
</head>
 

akp

Utente Attivo
8 Giu 2015
133
0
16
non vorrei dire una fesseria ma mi sembra che hai messo 3 o 4 volte jquery

prova con solo
HTML:
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <link rel="stylesheet" href="css/foundation.css" />
  <link rel="stylesheet" href="foundation-icons/foundation-icons.svg" />
  <link rel="stylesheet" href="foundation-icons/foundation-icons.css" />

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

  <script src="js/vendor/modernizr.js"></script>
  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.dropdown.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <script src="js/foundation/foundation.equalizer.js"></script>
  <script src="js/foundation/foundation.alert.js"></script>

  <script> $(function() { $( "#datepicker" ).datepicker(); });</script>
</head>

grazie per la risposta, ho provato mettendo nello head ciò che mi hai detto ma la continua a non funzionare
 

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
l'esempio che hai postato, con "head" suggerito, funziona,
ti posto l'intero codice html e le due figure con il risultato,
se continua a darti problemi devi cercare altro,
magari tra ... "js/foundation" che io non ho e non carica
HTML:
<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <link rel="stylesheet" href="css/foundation.css" />
  <link rel="stylesheet" href="foundation-icons/foundation-icons.svg" />
  <link rel="stylesheet" href="foundation-icons/foundation-icons.css" />

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

  <script src="js/vendor/modernizr.js"></script>
  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.dropdown.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <script src="js/foundation/foundation.equalizer.js"></script>
  <script src="js/foundation/foundation.alert.js"></script>

  <script> $(function() { $( "#datepicker" ).datepicker(); });</script>
</head>
<body>

<h2>Date Picker</h2> <br />
<input type="text" id="datepicker" name="datepicker" />

</body>
</html>
_DP1.PNG
_DP2.PNG
 
Ultima modifica:

akp

Utente Attivo
8 Giu 2015
133
0
16
perfetto funziona tutto.
grazie
 
Ultima modifica:

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
senza codice è difficile suggerire ... bene,
da ciò che capisco sembra che tu abbia un'include o simili,
se così fosse,
prova ad adattare una tua pagina per "inserire" correttamente la funzione in modo che la struttura sia valida
 

akp

Utente Attivo
8 Giu 2015
133
0
16
senza codice è difficile suggerire ... bene,
da ciò che capisco sembra che tu abbia un'include o simili,
se così fosse,
prova ad adattare una tua pagina per "inserire" correttamente la funzione in modo che la struttura sia valida

adesso funziona tutto,sbagliavo a chiamare la funzione.
grazie mille per l'aiuto
 
Discussioni simili
Autore Titolo Forum Risposte Data
T problemi con dati menu a tendina HTML e CSS 2
M Upload immagine con javascript problemi con FormData() Javascript 1
A Problemi con move_uploaded_file PHP 7
M Problemi con la stampa dei valori in php PHP 1
L Problemi con il login PHP 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Z problemi con foreach insert into PHP 10
B javascript per problemi con pdf e Safari Javascript 0
M Problemi con creazione maschere Presentati al Forum 1
M Problemi con query a più tabelle PHP 3
S Problemi delle funzioni eliminate con PHP e MySQL PHP 4
M Problemi con blog Grav CMS (Content Management System) 0
S incoerenza di stampa. problemi con il magenta Photoshop 3
A problemi con paypall Java 1
S Problemi con modulo upload video php (help!) PHP 0
felino [Windows 8.1] Problemi con connessione WiFi Windows e Software 0
E [PHP] problemi nuova riga con fwrite su piattaforma android PHP 5
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
M [PHP] Problemi con query unione PHP 11
M [PHP] Problemi con select PHP 6
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
M [PHP] Problemi con il riconoscimento login. PHP 21
A [WordPress] problemi con xampp WordPress 2
M Problemi con database Apache/2.4.37 (Win32) OpenSSL/1.1.1a PHP/7.3.1 PHP 6
S [PHP] problemi con le sessioni PHP 3
T [PHP] problemi con il browser PHP 0
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [PHP] Problemi con login facebook PHP 0
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
andreas88 Creare file .htaccess per risolvere alcuni problemi con il tester SEO SEO e Posizionamento 0
Eugene [Joomla] Problemi con modulo per strutture alberghiere JHotelreservation starter Joomla 6
F [PHP] Problemi di base con bot di telegram PHP 9
M [Photoshop] Problemi con importazione immagini trasparenti in indesign Photoshop 0
E [Photoshop] Problemi con dimensioni immagini Photoshop 12
G [HTML] Problemi con inserimento immagini HTML e CSS 7
L Problemi con Javascript e Mustache Javascript 0
G Invio Mail con PHPMailer, problemi SMTP PHP 7
A [Javascript] problemi con javascrip e posizione GPS html5 Javascript 6
D Due problemi con Photoshop... Photoshop 1
G Problemi con pagina online.php di una chat in php PHP 38
S Problemi con impostazioni php PHP 3
P Problemi con AndroidStudio Sviluppo app per Android 0
S Problemi con Dell Precision T5400 Windows e Software 2
F ciao, sono ferro e ho bisogno di aiuto per problemi con la mail di alice.it Presentati al Forum 1
S [PHP] Problemi con Login e pagina Utente PHP 5
Z problemi con swf e chrome o sistemi portatili Webdesign e Grafica 5
N Problemi connettività con Tp Link EAP 110 Reti LAN e Wireless 0
S [HTML] Problemi con Blueimp image gallery su Chrome e Firefox HTML e CSS 2
W [HTML] problemi con sito responsive CMS (Content Management System) 1

Discussioni simili