Início / coding / Perguntas / 79573003
Accepted
Yosu
Asked: 2025-04-14 19:12:51 +0800 CST

Editar o recurso Calendário completoTimelineMonth para exibir semanas completas

  • 772

No meu projeto, utilizo a visualização resourceTimelineMonth com fullCalendar. A visualização começa no dia 1 e termina no final do mês. Mas preciso exibir a primeira semana completa e a última semana completa. Por exemplo, para abril de 2025, a primeira é uma quinta-feira, então preciso exibir a segunda-feira, 31, e o dia 30 de abril é uma quarta-feira, então preciso exibir a quinta, sexta, sábado e domingo desta semana.

Vi que podemos usar visualizações como esta:

views: {
            resourceTimelineMonthEdited: {
                type: 'resourceTimelineMonth',
                duration: {weeks: 5},
                dateAlignment: '2025-03-31'
            }
        },

Mas o início da visualização é o dia atual e não o 1º. E recebi este erro:

Cannot read properties of undefined (reading 'getUTCFullYear')

Eu também tentei usar visibleRange assim:

calendar.setOption('visibleRange', {
  start: '2025-03-31',
  end: '2025-05-04'
});

Mas nada acontece.

javascript

1 respostas

  1. Best Answer

    Conforme https://fullcalendar.io/docs/visibleRange , visibleRangefunciona apenas com uma visualização personalizada . timelineMonthNão é uma visualização personalizada, pois é uma visualização documentada e predefinida que especifica uma duração em seu nome. Para essas visualizações, o fullCalendar respeitará a duração predefinida e ignorará qualquer coisa que você especificar nas visibleRangeconfigurações.

    Em vez disso, defina as visualizações personalizadas typecomo resourceTimelinesem duração, e isso permitirá que elas respeitem a visibleRangedefinição.

    views: {  
  resourceTimelineCustomMonth: {  
    type: "resourceTimeline",  
      visibleRange: {  
        start: '2025-03-31',  
        end: '2025-05-05'  
      }  
  }  
}

    Demonstração ao vivo: https://codepen.io/ADyson82/pen/pvvzKej

    Obviamente, isso não é dinâmico, então você pode considerar usar a função de retorno de chamada que visibleRangeoferece suporte para calcular as datas corretas para suas visualizações. Além disso, você provavelmente precisará de algo personalizado para garantir que os botões próximo/anterior funcionem corretamente (supondo que você queira habilitá-los).

    • 1

relate perguntas