ORIDOKI

Buenas,

después de mucho buscar, y no encontrar nada de nada, al final, desarrollé este código que inserta en la pagina un datepicker de JQueryUI, y lo rellena con datos servidos en JSON. Igual es una chorrada, pero no he encontrado nada mejor, así que aquí os lo dejo por si queréis echarle un vistazo.

Necesitaremos el siguiente script:

	$(function() {
		$("#datepicker").datepicker({
			numberOfMonths	: 3,
			monthNames			: ['Gener','Febrer','Març','Abril','Maig','Juny','Juliol','Agost','Setembre','Octubre','Novembre','Desembre'],
			dayNamesMin			: ['Diu', 'Dill', 'Dim', 'Dim', 'Dij', 'Div', 'Dis'],
			firstDay				: 1,
			currentText			: 'Avui',
			onChangeMonthYear: function(year, month, inst) {
				setTimeout("populateDays("+year+", "+month+")", 500);
			}
		});

	});

	function populateDays(year, month) {
		var months = $("#datepicker .ui-datepicker-group");

		for(var i=0; i
A continuación colocamos el objeto html en el lugar que nos interese:




Y por último necesitaremos un script de parte del servidor que pasandole los paramentros año y mes nos devuelva un array como el siguiente, con los dias en que el calendario contiene algún evento.

Para no aburriros os pongo directamente el tipo de código de salida, y ya os apañais  
echo "{'year': 2009, 'month' : 10, 'days' : [3,4,10,11,12,22,23,24,25,26]}";

El resultado es algo parecido a esto:

Autocompletar Datepicker en Jquery

Si tenéis alguna duda ya sabéis  
																				




				
2 Responses to “JQuery – Rellenar un calendario datepicker”
				

					

										
						

							caos30 Says:
																

							Octubre 15th, 2009 at 19:11 
							
Pues a mí me ha venido de perlas. Realmente este datepicker es el que venía yo usando y con tu artículo he descubierto que admite la opción de mostrar “varios meses” !!!!  ))) me va que ni al pelo… !!!
Gràcies,

SERGI
						
																
						

							Adrià Cidre Says:
																

							Octubre 16th, 2009 at 07:16 
							
Bueno algo es algo  
						
																
				
				
				 				
				
				
				
Leave a Reply
				





Name (required)


Mail (will not be published) (required)


Website