Foros del Web » Programando para Internet » Javascript »

Calendario: A Flexible Calendar Plugin

Estas en el tema de Calendario: A Flexible Calendar Plugin en el foro de Javascript en Foros del Web. Buenas tarde que pena volver a molestar.. esta cabe cita inquieta mi tema es un poco complicado,puesto que estoy haciendo una aplicación para mi proyecto ...
  #1 (permalink)  
Antiguo 08/02/2016, 12:45
Avatar de cartau07  
Fecha de Ingreso: diciembre-2015
Ubicación: medellin
Mensajes: 95
Antigüedad: 8 años, 4 meses
Puntos: 1
Calendario: A Flexible Calendar Plugin

Buenas tarde que pena volver a molestar.. esta cabe cita inquieta mi tema es un poco complicado,puesto que estoy haciendo una aplicación para mi proyecto de grado y necesito hacer un calendario de eventos. bueno encontré un calendario hermoso se llama Calendario: A Flexible Calendar Plugin ok lo instale a mi web cambie los Css mi dilema es...
estoy tratando de adaptarlo a php con mysql pero al ser conversión de javascript con ajax para su conexion me sale error y me borra el calendario por si sabe algo de este modulo me ayudaría un poco mando link..
http://tympanus.net/codrops/2012/11/27/calendario-a-flexible-calendar-plugin/comment-page-1/#comments
y este es lo que medio hice

// envío por ajax para guardar el evento en la base de datos
$.post("guarda_evento.php", venvio, function(data){


var codropsEvents = $('#calendar').fullCalendar.data('eventObject');

}
  #2 (permalink)  
Antiguo 08/02/2016, 12:46
Avatar de cartau07  
Fecha de Ingreso: diciembre-2015
Ubicación: medellin
Mensajes: 95
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Calendario: A Flexible Calendar Plugin

Y esto lo que me manda el calendario que escogi
var codropsEvents ={
'11-21-2013' : '<a href="http://www.wincalendar.com/Great-American-Smokeout">Great American Smokeout</a>',
'11-13-2013' : '<span>Ashura [An example of an complete date event (11-13-2013)]</span>',
'11-11-2013' : '<a href="http://www.wincalendar.com/Remembrance-Day">Remembrance Day (Canada)</a>',
'11-04-2013' : '<span>Islamic New Year</span>',
'11-03-2013' : '<a href="http://www.wincalendar.com/Daylight-Saving-Time-Ends">Daylight Saving Time Ends</a>',
'11-01-2013' : '<span>All Saints Day</span>',
'12-25-YYYY' : '<span>Christmas Day [Date : 12-25-YYYY]</span>',
'01-01-YYYY' : '<span>New Year\'s Eve (Event repeats every YEAR)</span>',
'MM-02-2013' : '<span>Yeah, Monthly [MM-02-2013]</span>',
'MM-07-YYYY' : '<span>[MM-07-YYYY], Monthly and Yearly</span>',
'11-DD-2014' : {content : '<span>Ex: {\'11-DD-2014\' : {content : \'Something\', endDate : 20}}</span>', endDate : 20},
'02-DD-2014' : {content : '<span>Ex: {\'02-DD-2014\' : {content : \'Something\', startDate : 10, endDate : 20}}</span>', startDate : 10, endDate : 20},
'12-DD-YYYY' : '<span>[12-DD-YYYY] Whole month and Year</span>',
'TODAY' : '<span>Today, [Date : \'TODAY\']</span>',
'10-16-2014': ['<a href="">event one</a>', '<span>event two</span>'],
'10-DD-YYYY' : [
{content : '<span>Ex: {\'10-DD-2014\' : {content : \'Something\', startDate : 10, endDate : 20}}</span>', startDate : 10, endDate : 20},
{content : '<span>Ex: {\'10-DD-2014\' : {content : \'Something\', endDate : 20}}</span>', endDate: 20},
]



};

$(function() {

var cal = $( '#calendar' ).calendario( {
onDayClick : function( $el, $contentEl, dateProperties ) {

for( var key in dateProperties ) {
console.log( key + ' = ' + dateProperties[ key ] );
}

},

caldata : codropsEvents

} ),
$month = $( '#custom-month' ).html( cal.getMonthName() ),
$year = $( '#custom-year' ).html( cal.getYear() );

$( '#custom-next' ).on( 'click', function() {
cal.gotoNextMonth( updateMonthYear );
} );
$( '#custom-prev' ).on( 'click', function() {
cal.gotoPreviousMonth( updateMonthYear );
} );
$( '#custom-current' ).on( 'click', function() {
cal.gotoNow( updateMonthYear );
} );

function updateMonthYear() {
$month.html( cal.getMonthName() );
$year.html( cal.getYear() );
}

Etiquetas: ajax, calendario, evento, php, plugin
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:18.