FullCalendar modifier la vue de mois en journée

Dans mon FullCalendar application, plus précisément sur la vue du mois de visualisation, j'ai un lien qui s'affiche lorsque 3 ou plusieurs événements qui se sont ajoutés à la même journée, alors je veux faire ce lien mener à la journée mode d'affichage pour ce jour particulier.

Comment puis-je le faire? Je suis assez sûr il y a un moyen de le faire, mais je ne sais pas quoi.

$(".events-view-more a").click(function () {
    alert("clicou");
});

Le parent (mère de .les événements-voir-plus d'un) td élément contient un attribut de données avec la date de valeur contenant quelque chose comme "2013-11-29". Comment puis-je l'utiliser pour changer le mode d'affichage de jour, affichage de la journée?

Toute aide sera appréciée

merci d'avance

vérifier changeView et gotoDate

OriginalL'auteur rodrigoalves | 2013-11-29

12

Quelque chose comme cela vous amènera de l'affichage Mois, jour pour Jour, la vue, si vous cliquez n'importe où sur la cellule dans la vue Mois:
```
$('#calendar').fullCalendar({

   //other parameters here          

   dayClick: function(date, jsEvent, view) {

            $('#calendar').fullCalendar('gotoDate',date);
            $('#calendar').fullCalendar('changeView','agendaDay');

   }

});
```
J'espère que cela est utile pour les autres, je sais que c'est un vieux post.

Cela fonctionne, mais vous avez besoin pour inverser l'ordre. Modifier l'affichage de la date, sinon, il vous fait revenir à la valeur par défaut de la date!

OriginalL'auteur Jeff K

$(".events-view-more a").click(function () {
    var date=new Date($(this).parents('td').attr('date'));
$('#fullCalendar').fullCalendar('gotoDate', date.getFullYear(), date.getMonth(), date.getDate());
});

OriginalL'auteur Mahesh Reddy

1
```
dayClick: function(date, jsEvent, view) {
    var ajandamodu=view.name;
    if(ajandamodu=='month')
    {                             
        $('#calendar').fullCalendar( 'changeView', 'basicDay'  );
    }
},    
```
Veuillez préciser votre réponse et veuillez résumer le problème et la solution, merci de lire ceci: stackoverflow.com/help/how-to-answer
C'est la façon dont je le fais dans l'application que je suis en train de construire. Fondamentalement, c'est un gestionnaire d'événements pour l'dayClick événement. Cet événement, bien évidemment, se produit quand une journée est cliqué. Il y a aussi un weekClick pour la semaine de vues. Le morceau ci-dessous: $('#agenda").fullCalendar( 'changeView', 'basicDay' ); Est en fait tout ce que vous devez. Le #calendrier de sélection est le conteneur d'abord appelé fullCalendar, le " changeView paramètre est la fonction qui l'appelle et l'basicDay paramètre est la vue, qui peut être l'un des points de vue qui fullCalendar fournit.

OriginalL'auteur Fatih Bayhan

La seule chose que vous avez à faire est de spécifier la vue-nom dans le header (par exemple agendaDay ou agendaWeek):

$('#calendar').fullCalendar({
    //put your options and callbacks here

    header: {
        left:   'title',
        center: '',
        right:  'today prev,next agendaDay,agendaWeek'
    },

    defaultView: 'agendaWeek'
});

OriginalL'auteur Dunken

0

@rodrigoalves Essayer ci-dessous dans votre calendrier de configuration.
```
eventLimit: 3,
eventLimitClick: 'day',
```
Cela fonctionne pour moi.

OriginalL'auteur Chintan Mirani

À partir de ci-dessus, voici ma solution pour angularjs

$scope.alertDayClick = function(event) {

    //if on month view go day view
    var view = uiCalendarConfig.calendars.myCalendar.fullCalendar( 'getView' );

    if (view.type === 'month') {
        console.log(view.type);
        uiCalendarConfig.calendars.myCalendar.fullCalendar('changeView','agendaDay');
        uiCalendarConfig.calendars.myCalendar.fullCalendar( 'gotoDate', event );
        return;
    }
}

J'ai mis en place mon Cal div comme ceci

<div ui-calendar="uiConfig.calendar" config="uiConfig.calendar" calendar="myCalendar" data-ng-model="eventSources"></div>

OriginalL'auteur DogCoffee

Vous devez vous connecter pour publier un commentaire.