Publicado em 10 de dez.

DateTimePicker nao funciona

#javascript

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?

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Galliani· 10 de dez.

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'/>](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.

Marcos Vilela Alves· 10 de dez.

esse código nao funcionou nem para testes.

Ctrl C + Ctrl V em cada um tudo na mesma pasta...
nao funcionou.

Galliani· 10 de dez.

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

Marcos Vilela Alves· 10 de dez.

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.

Maykel-ctba· 10 de dez.

Chegou a verificar se o seu jQuery 1.4 funcionam os códigos de datepicker? ;-) As vezes não é suportado.

Abraço!

Marcos Vilela Alves· 17 de dez.

consegui atualizar os Jquery para a versao 9

agora esta funcionando.