Datepicker

[Ronaldo Neves 0]

Boa noite, estou precisando criar uma agenda de eventos e ao clicar na data no calendário (datepicker) ele passa a data via js para uma div e carrega os dados relativos a data.

 

vi algumas informações em uns posts mas não conseguir fazer funcionar

[William Bruno 1501]

você precisa disparar um ajax no evento que preenche o input.

 

Qual a sua dúvida ?

[Ronaldo Neves 0]

você precisa disparar um ajax no evento que preenche o input.

 

Qual a sua dúvida ?

como fazer para funcionar...

 

o código que eu tenho é esse

 

$(function() {
		$("#calendario").datepicker({
			altField: "#data_sel",
			showOtherMonths: true,
	        selectOtherMonths: true
		});
		$("#calendario").click(function(){
			var data = document.getElementById("data_sel").value;
			alert('Data Selecionada: '+data);
		});
	});

 

Ele pega o clique no calendário e mostraria a data selecionada (nesse caso coloquei o alert só para ver se estava pegando o valor). Só que só aparece a data quando clico na parte externa do calendário e não quando clico na data.

[William Bruno 1501]

hum.. é q você ta usando errado.

 

não use o .click() não, você tem q fazer tudo pelos métodos internos do plugin.

http://api.jqueryui.com/datepicker/

[Ronaldo Neves 0]

hum.. é q você ta usando errado.

 

não use o .click() não, você tem q fazer tudo pelos métodos internos do plugin.

http://api.jqueryui.com/datepicker/

mas qual seria o metodo? o getDate? tentei usar mas não consegui fazer funcionar, coloquei da seguinte forma:

 

$(function() {
$("#calendario").datepicker({
	altField: "#data_sel",
	showOtherMonths: true,
	selectOtherMonths: true
});
var data = $("#data_sel").datepicker("getDate");
alert('Data Selecionada: '+data);
});

mas hora nenhum o valor é passado, a não ser quando a página é carregada que ele retorna null... mas quando clico nas datas o valor não é passado...

[William Bruno 1501]

tenta a função: onSelect

 

onSelectType: Function( String dateText, Object inst )

 

Default: null

Called 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.

 

é mais ou menos assim cara:

 

        $("#calendario").datepicker({
               altField: "#data_sel",
               showOtherMonths: true,
               selectOtherMonths: true,
               onSelect: function( dataText ){
                         alert( dataText );
               }
       });