Comment régler le jour actuel de la couleur dans FullCalendar?

Je voudrais changer la couleur de la journée, mais seulement lorsque le calendrier est dans la journée, la vue de l'agenda. Mes utilisateurs disent avoir du mal à voir les lignes ou quelque chose. J'ai regardé à travers la documentation ainsi que les css/js et n'ai pas trouver un moyen rapide de le faire. Est-ce même possible sans grandes modifications de code?

de quoi parles-tu?
Il fait probablement référence à jQuery UI "fullcalendar" widget.

OriginalL'auteur Kirrilian | 2011-01-22

  1. 12

    Honnêtement, je ne sais pas vraiment de quoi vous parlez, mais la jQuery UI fullcalendar widget utilise la classe CSS .fc-today de style de la journée en cours. Si vos modifications ne sont pas visibles, essayez d'utiliser !important — il se pourrait que l'un des nombreux autres classes remplace vos styles ailleurs.

    Le jour actuel est jaune alors que tous les autres jours sont de couleur blanche. Mes utilisateurs sont un moment difficile de voir les lignes sur la journée, la vue de l'agenda pour la journée en cours, car il est de couleur jaune. Désolé, j'aurais dû être plus précis et je crois que cela va résoudre mon problème. Je peux modifier le css de la propriété pour .fc-aujourd'hui avec jquery alors que sur le quotidien de la vue de l'agenda pour la journée en cours et à l'arrière lorsqu'il n'est pas sur la journée en cours. Merci!
    Si voulez seulement utiliser css puis, procédez comme suit: dans la version 3.9.0 : .fc-agendaDay-view .fc-today { background: white !important; }

    OriginalL'auteur polarblau

  2. 7

    vous pouvez utiliser le code suivant

    .fc-today {
    background: #FFF !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    font-weight: bold;
}

    OriginalL'auteur Sunny Luthra

  3. 5

    Si vous n'utilisez pas un thème, cela a fonctionné pour moi, en utilisant FullCalendar 2.3.1

    .fc-unthemed .fc-today {
  background: ....;
}
    Fonctionne très bien sur la version 2.9.0
    .fc-bg .fc-state-highlight{ background-color:#009688 !important; } j'ai utilisé ce pour obtenir le résultat correct. Fullcalender version 3.4.0

    OriginalL'auteur Brant

  4. 3

    J'ai eu plusieurs calendriers donc cela a fonctionné: 

    #calendar .fc-today {
    background: #FFF !important;
}

#calendar-two .fc-today {
    background: #FFF !important;
}

    À l'aide de #calendar-favorite .fc-unthemed .fc-today { ... } n'a pas de travail, donc n'oubliez pas de supprimer le .fc-unthemed partie.

    Aussi consulter les jquery façon: https://stackoverflow.com/a/17930817/1066234 à l'aide de dayRender

    OriginalL'auteur Kai Noack

  5. 1

    À changer de couleur/arrière-plan de fullcalendar du jour actuel dans dayview, ajouter le code CSS suivant la classe et assurez-vous qu'il est chargé après tous les styles css.

      .fc-view-basicDay .fc-today {
     color:....;
     background:....;
  }
    dans la version 3.9.0 utilisation: .fc-agendaDay-view .fc-today { background: white !important; }

    OriginalL'auteur Rams Kannan

  6. 1

    pour moi, c'était .ui-state-highlight.fc-today

    FullCalendar v2.4.0

    OriginalL'auteur kneidels

  7. 0

    Ce travail pour moi dans FullCalendar 3.6.1

    #calendar-id .fc-widget-content:not(.fc-axis) {
       background: #FFF !important;
}

    OriginalL'auteur Fellipe Fonseca