Monday, August 26, 2019

Manejo de Calendario/Calendar Oracle APEX parte 2

Seguiendo con el manejo de calendarios, aqui veremos algunas funciones avanzadas usando JavaScript. Fuente FullCalendar Doc





Cambiar la relación de aspecto:


apex.region("calendar_demo1").widget().fullCalendar("option",{'aspectRatio': 0.5})


Formato de titulo/fecha:


apex.region("calendar_demo1").widget().fullCalendar("option",{'titleFormat': 'MMMM D YYYY'})

apex.region("calendar_demo1").widget().fullCalendar("option",{'titleFormat': 'MMM YYYY'})


Idioma de los labels:


apex.region("calendar_demo1").widget().fullCalendar("option",
                                                    {'buttonText': 
                                                         {
                                                          today:    'Hoy',
                                                          month:    'Mes',
                                                          week:     'Semana',
                                                          day:      'Dia',
                                                          list:     'Lista'
                                                         }
                                                    });

apex.region("calendar_demo1").widget().fullCalendar("option",
                                                    {'buttonText': 
                                                         {
                                                            today:    'today',
                                                            month:    'month',
                                                            week:     'week',
                                                            day:      'day',
                                                            list:     'list'
                                                         }
                                                    });

Posición de la cabecera:


apex.region("calendar_demo1").widget().fullCalendar("option",{'header': {
  left:   'title',
  center: '',
  right:  'today prev,next'
}});


apex.region("calendar_demo1").widget().fullCalendar("option",{'header': {
  left:   'today prev,next',
  center: 'title',
  right:  'today prev,next'
}});

Ver fines de semana:


apex.region("calendar_demo1").widget().fullCalendar("option",{'weekends': true});


Minutos entre slots, ver vista semana o día:


apex.region("calendar_demo1").widget().fullCalendar("option",{'slotDuration': '00:30:00'})


Posición del Scroll, cuando te muevas de una pestaña de semana o día, el scroll estará predefinido en la hora indicada.


apex.region("calendar_demo1").widget().fullCalendar("option",{'scrollTime':'10:00:00'})


Hora mínima y máxima en la lista.



apex.region("calendar_demo1").widget().fullCalendar("option",{'minTime':'10:00:00'});



apex.region("calendar_demo1").widget().fullCalendar("option",{'maxTime':'16:00:00'});


Share:

0 comentarios:

Post a Comment

Subscribe to my Newsletter

Acerca de mi:

img

Ing. Angel O. Flores Torres, soy Ingeniero de Sistemas e Ingeniero de Aplicaciones Oracle Apex, he trabajado con Oracle Apex 5 y 5.1 desde el 2017, En los ultimos años he desarrollado habilidades en CSS, JavaScript, Jquery y PlSql , I specialize in Oracle APEX (Oracle Application Express )

Followers

Popular Posts