problemi con datepicker

  • Creatore Discussione Creatore Discussione akp
  • Data di inizio Data di inizio

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.
 
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>
 
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
 
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:
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
 
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