Ir para conteúdo

POWERED BY:

Arquivado

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

Marcos Vilela Alves

DateTimePicker nao funciona

Por , em Javascript

Recommended Posts

Marcos Vilela Alves    4

Marcos Vilela Alves
Postado

Boa tarde.

estou tentando colocar uma opcao de escolha de data e hora através de um calendario interativo no meu sistema.

 

eu utilizo jquery.1.4.2

 

e tenho menus de contexto e abas implementadas utilizando desse jquery.

 

pois bem, encontrei na internet uma gama enorme de calendarios.

porem nenhum funciona.

 

nao entendo muito bem de jquery. na verdade peguei o sistema pronto ja com essas versoes implementadas.

 

o problema é o seguinte.

eu baixei esse picker

http://trentrichardson.com/examples/timepicker/

por ter lido que ele utiliza a mesma versao do jquery que eu..

 

porem quando eu executo, ele me retorna o seguinte erro.

 

        Uncaught TypeError: Cannot set property 'parseDateTime' of undefined

 

eu nao sei de onde tem que vir essa funcao...
tenho o UI e o jquery compativeis..

 

alguem já passou por esse tipo de problema? talvez nao com o mesmo plugin, mas que saiba ao menos me indicar como solucionar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Galliani    6

Galliani
Postado

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Pick a Date</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css'/>
        <script type='text/javascript' src='script.js'></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
	</head>
	<body>
		<div id="header">
			<h2><br/>Select a Destination</h2>
		</div>
        <div class="left">
            <p>Departing: <input type="text" id="departing"></p>
        </div>
        <div class="right">
            <p>Returning: <input type="text" id="returning"></p>
        </div><br/>
        <div id="main">
        	<p>Destination: <select id="dropdown">
				<option value="newyork">New York</option>
				<option value="london">London</option>
				<option value="beijing">Beijing</option>
				<option value="moscow">Moscow</option>
			</select></p>
			<button>Submit</button>
        </div>
	</body>
</html>

CSS

h2 {
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
	color: #FFFFFF;
}

#header {
	width: 100%;
	height: 70px;
	position: relative;
	top: -40px;
	background-color: #7FC7AF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

p {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.left {
	position: relative;
	top: -40px;
    float: left;
}

.right {
	position: relative;
	top: -40px;
    float: right;
}

#main {
	position: relative;
	top: 170px;
	float: left;
}

jQuery

$(document).ready(function() {
    $("#departing").datepicker();
    $("#returning").datepicker();
    $("button").click(function() {
    	var selected = $("#dropdown option:selected").text();
        var departing = $("#departing").val();
        var returning = $("#returning").val();
        if (departing === "" || returning === "") {
			alert("Please select departing and returning dates.");
        } else {
			confirm("Would you like to go to " + selected + " on " + departing + " and return on " + returning + "?");
        }
    });
});

 

 

Se não entender eu simplifico o código.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Galliani    6

Galliani
Postado

Você viu os links no cabeçalho?

 

 



<html> <head> <meta charset="utf-8"> <title>Datepicker</title> <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> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <body> <p>Date: <input type="text" id="datepicker"></p> </body> </html>


 


 


Simplifiquei



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Marcos Vilela Alves
			  

	
		
	
			 4
	
		
	

		

		

			


	
		Marcos Vilela Alves
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

bom nesse caso funcionou..


contudo, nao posso chamar esses script no meu codigo. pq basta trocar os caminhos e todo o meu sistema para de funcionar as interações que necessitam do JQUERY anterior.


 


e nao posso deixar que isso aconteca.


me sertifiquei de que os caminhos estivessem corretos. para a chamada dos JS.



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					






					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito