Uncategorized

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\'});

7 thoughts on “Manejo de Calendario/Calendar Oracle APEX parte 2

  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

    Liked by 1 person

  2. En el inicio de la pagina: en la sección: \”Execute when Page Loads\”$( document ).ready(function() {apex.region(\”calendar_demo1\”).widget().fullCalendar(\”option\”, {'buttonText': { today: 'Hoy', month: 'Mes', week: 'Semana', day: 'dia', list: 'lista' } }); });

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s