•  05-07-2019
  •  | 
  •  

Domanda

Sto cercando di far apparire un semplice datepicker ma non posso o non so quale motivo. ecco il mio codice: 

<!DOCTYPE html>
<html>
<script type="text/javascript" src="jquery/jquery.js"> </script>
<link type="text/css" href="css/smoothness/jquery.css" rel="Stylesheet" />
<script type="text/javascript" src="jquery/jquery-ui.js"> </script>   

<script type="text/javascript">
$('#date').datepicker();
 </script>
<body>
<input type="text" name="date" id="date" />
</body>
</html>

Sto eseguendo un server Apache con tutto il percorso corretto. Qualcuno potrebbe sapere perché questo non funziona?

È stato utile?

Soluzione

Prova: 

$(function() {
  $("#date").datepicker();
});

Il punto è che il tuo controllo probabilmente fallisce perché l'elemento data non esiste ancora, soprattutto perché non è dichiarato fino a dopo lo script che lo cerca.

Altri suggerimenti

Dovresti inserire il codice relativo al tuo datepicker dopo il tag INPUT. Ma, per quanto ne so, il componente datepicker richiede che tu lo chiami dopo il caricamento della pagina, quindi il tuo codice dovrebbe diventare questo: 

<script type="text/javascript">
$(function () {
    $('#date').datepicker();
})
</script>

Ora dovrebbe funzionare.

Non sono un esperto ma manchi < head > tag.

Sembra che il problema sia stato risolto. Dovevi metterlo in una funzione $ (document) .ready ().

Vorrei solo aggiungere un'altra cosa su JQuery-UI. Se tutto ciò di cui hai bisogno è il datepicker, non dovresti includere l'intero pacchetto dell'interfaccia utente. Vai al sito JQuery-UI e puoi personalizzare il tuo download. Segna le cose che ti servono e ti darà un file con il minimo. Questo ti farà caricare le pagine più velocemente.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top