Jquery datapicker

[Fernando José 0]

Ola,

 

Pessoal estou utilizando esse componente.

http://jqueryui.com/demos/datepicker/#inline

 

Como faço para quando o usuário clicar em uma data o valor ir para www.meusite.com.br/?data=DATA_CLICADA?

 

Valew

[sigmus 0]

Na documentação em Events -> onSelect está escrito:

 

***

Allows you to define your own event when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.

 

Code examples

 

Supply a callback function to handle the onSelect event as an init option.

 

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

***

 

 

 

No seu caso acho que seria algo do tipo:

 

$('.selector').datepicker({
   onSelect: function(dateText, inst) { 
      window.location('www.meusite.com.br/?data=' + dateText);
   }
});

Abs,

Flávio

http://javascript.singuska.com/

[Fernando José 0]

Na documentação em Events -> onSelect está escrito:

 

***

Allows you to define your own event when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.

 

Code examples

 

Supply a callback function to handle the onSelect event as an init option.

 

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

***

 

 

 

No seu caso acho que seria algo do tipo:

 

$('.selector').datepicker({
   onSelect: function(dateText, inst) { 
      window.location('www.meusite.com.br/?data=' + dateText);
   }
});

Abs,

Flávio

http://javascript.singuska.com/

 

Pessoal nao deu certo, alguem pode me ajudar?

 

Valew

[sigmus 0]

O que exatamente não deu certo?

 

Posta o código que facilita na ajuda.

 

Abs...

Flávio

[Fernando José 0]

O que exatamente não deu certo?

 

Posta o código que facilita na ajuda.

 

Abs...

Flávio

 

Coloquei aqui para voce ver http://www.fehosp.com.br/v2/servicos/eventos/calendario_eventos/

 

Pode me ajudar?

 

Abraço.

[sigmus 0]

Fernando,

 

Montei um exemplo aqui: http://jsbin.com/alupe/3/edit (aperta o botão "Preview" para ver functionando). Fiz um alert ao invés de mudar de página, mas a idéia é a mesma.

 

Talvez não esteja funcionando porque o datepicker até onde eu sei é aplicado em uma tag "input" e não numa "div" como você fez.

 

Outra coisa, sobrou uma vírgula no seu código:

 

  $(document).ready(function(){
	$("#datepicker").datepicker( {
	   onSelect: function(date) { 
		  window.location('http://www.meusite.com.br/?data=' + date)
	   }, // esta vírgula não existe
	});
  });

No IE isto geralmente dá problema.

 

Espero que funcione. Abs!

 

Flávio

http://javascript.singuska.com/