Estoy tratando de modificar la vista de mes de FullCalendar para que cada celda de día tenga un elemento de entrada.
Aquí está mi código:
(...) dayRender: function (date, cell) { cell.append('<input type="number" style="margin-top: 60px; width: 30%; margin-left: 2px; z-index: 10; pointer-events: all!important">'); } (...)Hasta ahora, esa entrada se muestra pero no se enfoca en hacer clic. ¿Cómo haría para que se enfoque?
Como puede ver, intenté ver los eventos de puntero de la entrada en todos, mientras configuraba los eventos de puntero de la tabla en ninguno, pero el resultado es el mismo.
Sé que probablemente sea demasiado tarde para responder a esta pregunta, pero esto se puede solucionar con CSS simple agregando un índice z más alto en el fondo del calendario:
.fc-row .fc-bg { z-index: 5; }Espero que ayude a alguien que estaba buscando el mismo problema.
Lo he estado intentando y funciona manejando el evento de dayClick. Entonces, cuando se hace clic en el día, enfoco manualmente la entrada. Aquí está el código:
dayClick: function() { $(this).find("input").focus(); }Tal vez no sea la mejor solución, pero funciona.