Calendario Kendo con visor de citas

Hola, ¿hay alguna forma de mostrar las citas para las fechas seleccionadas en el control del calendario de Kendo?

Algo así como, si tengo una cita el 1 de enero, mi calendario debería mostrar un mensaje junto con la fecha (en el mismo control de calendario de kendo). Y las fechas restantes serían solo de estilo normal.

preguntado el 16 de abril de 13 a las 08:04

1 Respuestas

Puede mostrar contenido personalizado en cada fecha definiendo una función de plantilla cuando declara el calendario. Esta función se llamará para cada fecha que se muestra en el calendario. El siguiente ejemplo muestra cómo hacer esto:

// Define dates that have appointments
var calDates = [];
calDates[+new Date(2013, 0, 1)] = [{ Description: "Appointment foo", Time: "09:00"}];
calDates[+new Date(2013, 0, 2)] = [{ Description: "Appointment bar", Time: "10:00" }, { Description: "Appointment baz", Time: "12:00"}];

// Declare Kendo Calendar
$("#div1").kendoCalendar({ "value": new Date(2013, 0, 1, 0, 0, 0, 0), "month": { "content": "#= BuildDateMarker(data) #"} });

// Template function
function BuildDateMarker(data) {

    // Get any appointments for this date       
    var appointments = calDates[+data.date];

    if (!appointments || appointments == 'undefined') {
        // No appointments for this date, so return default marker (day of the month)
        return data.date.getDate();
    }

    // Open marker
    var marker = '<div class="appointments" title="' + data.date + '">';

    // Add item for each of this date's appointments
    for (var i = 0; i < appointments.length; i++) {
        var appointment = appointments[i];
        marker += '<span class="appointment">' + appointment.Description + ', at ' + appointment.Time + '</span>';
    }

    // Close marker
    marker += '</div>';

    return marker;
}

Respondido 16 Abr '13, 10:04

Hola, gracias por tu respuesta... esto es exactamente lo que estoy buscando. Y una cosa más, ¿hay alguna forma de seleccionar toda la semana? o mes? y quería mostrar el número de citas para la semana al final de cada semana. ¿Es posible con Kendo Calendar? - bromas

¿Desea seleccionar la semana completa o el mes completo si hay una cita en cualquier fecha de esa semana o ese mes? - Netricidad

Por ejemplo, tengo una cita el 17 y el 19 de abril, luego quería mostrar 2 al final de la semana (probablemente agregue otra fila para mostrar los totales de las semanas) - bromas

Y una cosa más... Quería pasar la serie de citas desde mi controlador, no desde aquí. ¿Cómo podemos pasar? - bromas

Esto podría ponerse feo, pero como punto de partida, 'BuildDateMarker' necesitaría calcular la fecha de finalización de la semana de la fecha proporcionada y agregar el número total de citas para esa fecha a un diccionario externo cuyas claves son las fechas de finalización de la semana y cuyas los valores son el número de citas para esa semana. Luego, cuando el calendario haya terminado de construirse, escanee el diccionario y agregue un nuevo TD que contenga el número de citas para cada semana al final de la fila del calendario correspondiente. - Netricidad

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.