2017-02-19 7 views
0

J'utilise https://fullcalendar.io/ API pour créer une vue personnalisée pour les événements hebdomadaires et les événements mensuels. Le problème auquel je suis confronté est que pour la vue hebdomadaire, je veux que le début de la semaine soit le lundi (1) et que le mois reste dimanche (0).Comment changer le fistDay dans le calendrier complet API, mais seulement pour hebdomadaire, non mensuelle, etc

Si je devais ajouter firstDay: 1 comme indiqué ci-dessous, il s'appliquera aux vues customWeek et customMonth. Je n'en ai besoin que pour customWeek.

header: { 
    left: '', 
    center: '', 
    right: 'customWeek, customMonth' 
}, 
firstDay: 1, 
droppable: true,.... 

Code complet.

$('#calendar').fullCalendar({ 
header: { 
    left: '', 
    center: '', 
    right: 'customWeek, customMonth' 
}, 
droppable: true, 
eventStartEditable: true, 
eventLimit: true, 
eventLimitText: "MORE", 
views: { 
    customWeek: { 
    type: 'basicWeek', 
    buttonText: ' ', 
    eventLimit: 1, 
    columnFormat: 'D dddd' 
    }, 
    customMonth: { 
    type: 'month', 
    buttonText: ' ', 
    eventLimit: 1, 
    columnFormat: 'dddd', 
    defaults: { 
     fixedWeekCount: false 
    } 
    } 
}, 
defaultView: 'customWeek', 
events: data}); 

Toutes les idées ou suggestions sont les bienvenues.

Répondre

0

Pour autant que je sache, vous ne pouvez pas. Ce n'est pas l'une des options que vous pouvez passer à une vue. La seule solution consiste à implémenter une vue entièrement personnalisée qui remplace la classe de vue, comme détaillé ici: https://fullcalendar.io/docs/views/Custom_Views.

Mais c'est beaucoup de travail, et je dirais que ça ne vaut pas le coup. Je suppose que cette fonctionnalité est en fait de conception - commencer à un autre jour sur chaque vue semble être un excellent moyen de tromper vos utilisateurs, qui s'attendent à et/ou supposent que l'affichage est cohérent.