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:

3 comments:

  1. Hola, quería saber en que sección de la pag debo agregar este código???

    Debería reemplazar "calendar_demo1" por el nombre de la region de mi calendario???

    gracias por toda la info

    ReplyDelete
    Replies
    1. Hola calendar_demo1 no es el nombre de la region, es el ID, el identificador unico que tiene la region

      Delete
  2. Buenas tardes funciona bien, pero como hago para traducir los dias de la semana. Gracias

    ReplyDelete

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