Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

razs

[Resolvido] class calendario

Recommended Posts

vamos fazer assim, crie uma página nova só de teste, onde você vai criar dois inputs para calendário, e vai postar aqui no fórum, depois eu copio e testo aqui no meu pc, isso tem que funcionar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado.

 

Aqui vai

 

ja testei esta pagina com e sem o datepicker.js

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<link rel="stylesheet" href="css/jquery-ui_redmond.css">

<script src="js/jquery-1.7.1.js"></script>

<script src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script src="js/jquery.ui.datepicker.js"></script>
<script>
$(function() {
	 $( ".calendario" ).datepicker({
		changeMonth: true,
		changeYear: true
		yearRange: '-50:+40'

	});
});
</script>
</head>

<body>
Date Birth<input class="calendario" type="text" name="data_nasc">
Date Birth1<input class="calendario" type="text" name="data_nasc1">
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

já tinha um erro ao chamar o calendário, as propriedades têm que ser separadas por vírgulas menos a última, veja como deveria ser

 


                       changeMonth: true,
                       changeYear: true, // aqui faltava-lhe esta vírgula
                       yearRange: '-50:+40'


saque um tema do jquery ui, eu nesse saquei  o humanity que meti na pasta css e fica assim ao chamar

<link rel="stylesheet" type="text/css" href="css/humanity/jquery-ui-1.8.17.custom.css" />

segue o code completo


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/humanity/jquery-ui-1.8.17.custom.css" />
   	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
   	<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
       <script>
       $(function() {
            	$( ".calendario" ).datepicker({
                       changeMonth: true,
                       changeYear: true,
                       yearRange: '-50:+40'

               });
       });
       </script>
</head>

<body>
Date Birth<input class="calendario" type="text" name="data_nasc">
Date Birth1<input class="calendario" type="text" name="data_nasc1">
</body>
</html>


verifique também os nomes ao chamar os ficheiros js e css se são realmente esses nome que tem nas pastas

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.