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:

6 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
    Replies
    1. Tienes esta opcion apex.region("calendar_demo1").widget().fullCalendar("option",
      {'buttonText':
      {
      today: 'Hoy',
      month: 'Mes',
      week: 'Semana',
      day: 'Dia',
      list: 'Lista'
      }
      });

      Delete
  3. Hola. Cómo puedo acceder al valor de un campo en Apex Calendar?

    ReplyDelete
    Replies
    1. HOla, Puedes tomarlo de la accion nativa al hacer click. o podrias ser mas especifico.

      Delete

Follow by Email

img

Ing. Angel O. Flores Torres, soy Ingeniero de Sistemas e Ingeniero de Aplicaciones Oracle APEX, he trabajado con Oracle APEX desde el 2017, 5x, 18x, 20x 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