FullCalendar Evento día

Remago · #1 (**permalink**) 29/01/2013, 12:42

Hola a todos necesito modificar un evento en el calendario predeterminado he hecho un par de modificaciones en la forma de como quiero que aparezca pero necesito cambiar el evento de clic en un día en especifico. Ejemplo si doy clic en el día 3 de febrero dentro del calendario que me mande al dia en especifico a ver los eventos que hay para ese día y no tenga que manualmente yo ir a la ficha dia que aparece en la parte superior derecha para buscar el dia sino hacerlo desde el calendario de mes. A continuación pongo el codigo que he modificado en lo dayClick que es una manera que encontre pero no se como hacer para que me mande al dia.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel='stylesheet' type='text/css' href='cupertino/theme.css' />
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.print.css' media='print' />
<script type='text/javascript' src='../jquery/jquery-1.8.1.min.js'></script>
<script type='text/javascript' src='../jquery/jquery-ui-1.8.23.custom.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
<script type='text/javascript'>

	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		var calendar = $('#calendar').fullCalendar({
			theme: true,
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			
			//selectable: true, //Deshabilita la seleccion en los dias

			selectHelper: true,

			dayClick: function(allDay, jsEvent, view) {

		        if (allDay) {
		        	var view = $('#calendar').fullCalendar('getView');
					alert(view.agendaDay);
		        }else{
		         	
		        }
		    },



			select: function(start, end, allDay) {
				var title = prompt('Event Title:');
				if (title) {
					
					//calendar.fullCalendar('renderEvent',
						calendar.fullCalendar('renderEvent',
						{
							title: title,
							start: start,
							end: end,
							allDay: allDay
						},
						true // make the event "stick"
					);
			
				}
				calendar.fullCalendar('unselect');
			},
			editable: false, //Deshabilita que se modifique el evento
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					title: 'Long Event',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+1, 16, 0),
					allDay: false
				},
				{
					title: 'Meeting ',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party2',
					start: new Date(y, m, d+1, 10, 0),
					end: new Date(y, m, d+1, 11, 0),
					allDay: false

				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			]
		});	
		
	});



</script>
<style type='text/css'>

	body {
		margin-top: 40px;
		text-align: center;
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		}

	#calendar {
		width: 900px;
		margin: 0 auto;
		}

</style>
</head>
<body>
<div id='calendar'></div>
</body>
</html>

Agradezco su ayuda.

Remago · #2 (**permalink**) 29/01/2013, 15:26

encontre la solucion solo agregue este codigo:

dayClick: function(date, view) {
$('#calendar').fullCalendar('changeView', 'agendaDay');
$('#calendar').fullCalendar('gotoDate', date);
},