https://www.institutoroche.es/js/calendario.js

1$(document).ready(function() {
2    //llamar funcion ajax
3    $.ajax({
4        url: "/calendario/getdata",
5        context: document.body,
6        //todo: poner loading
7    }).done(function(data) {
8        //console.log(data);
9        //dibujar calendario
10        calendario(data.arrayFechas, data.ContentDia_unido, data.arrayFechaRoche, data.ano);
11    });
12});
13
14function calendario(arrayFechas, ContentDia_unido, arrayFechaRoche, ano){
15    //console.log("<?php echo $arrayFechaRoche; ?>");
16    //$(document).resize(function() {
17    if($(document).width()<768){
18        $(".midachunga").each(function() {
19            $(this).css("height", $(this).width()*0.64);
20        });
21    }
22    //});
23
24    $("#calendark").ionCalendar({
25        lang: "es",                     // language
26        sundayFirst: false,             // first week day
27        years: "2014-"+ano,             // years diapason
28        format: "YYYY-MM-DD",           // date format
29        Diaseleccionado: arrayFechas,
30        ContentDia: ContentDia_unido,
31        DiasRoche: arrayFechaRoche,
32        onClick: function(date){        // click on day returns date
33            // Only navigate on days that actually have an event
34            if (arrayFechas.indexOf(date) === -1) {
35                return;
36            }
37            var res = date.split("-");
38            document.location.href='/calendario?mes='+res[1]+'&any='+res[0];
39        }
40    });
41
42    // Sync widget month/year with ?mes=&any= URL params (e.g. /calendario?mes=02&any=2026)
43    var params = new URLSearchParams(window.location.search);
44    var urlMes = parseInt(params.get('mes'), 10);
45    var urlAny = parseInt(params.get('any'), 10);
46    if (urlMes >= 1 && urlMes <= 12 && urlAny >= 2014) {
47        // Trigger the widget's own year/month select handlers; each change
48        // rebuilds the DOM, so re-query #calendark on every step.
49        $("#calendark").find(".ic__year-select").val(urlAny).trigger('change');
50        $("#calendark").find(".ic__month-select").val(urlMes - 1).trigger('change');
51    }
52};