•  05-07-2019
  •  | 
  •  

Pergunta

Eu estou tentando pop uma simples datepicker, mas não podem ou não sei o que a razão. aqui está o meu código: 

<!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>

Eu estou executando um servidor apache com todo o caminho correto. Qualquer pessoa pode saber por que isso não está funcionando?

Foi útil?

Solução

Tente: 

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

O ponto é que o cheque provavelmente falhar porque o elemento data ainda não existe, especialmente uma vez que não é declarado até que o script que procura-lo.

Outras dicas

Você deve colocar o seu código relacionado datepicker após a tag INPUT. Mas, tanto quanto eu sei, o componente datepicker exige que você chamá-lo depois de carregamento da página, para que o seu código deve tornar-se o seguinte: 

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

Agora, ele deve funcionar.

Não sou especialista, mas você está perdendo tag.

Parece que o problema foi resolvido. Você tinha que colocá-lo em um (documento) $ função .ready ().

Gostaria apenas de acrescentar mais uma coisa sobre JQuery-UI. Se tudo que você precisa é o datepicker você não deve incluir o pacote de interface do usuário inteiro. Ir para o site do JQuery-UI e você pode personalizar o seu download. Marcar as coisas que você precisa e ele vai te dar um arquivo com apenas o mínimo. Isto fará com que as páginas carregam mais rápido.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top