Ajax : returner multiple data

12 juil. 2017, 01:52

Bonjour,

je travaille actuellement avec plugin fullcalendar et j'ai besoin d'ajouter des jours feries qui sont stockés dans ma bdd

et alors je suis pas parvenu a trouver des solutions.

j'ai trouvé un code similaire : http://jsfiddle.net/marcrazyness/C8jpm/

celui la on ajoute la date manuellement

Code : Tout sélectionner

var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');

et puis la case devienne en gris

mais moi j'ai besoin de ramener ces jours via ma bdd

et merci pour votre aide

12 juil. 2017, 19:20

une aide s'il vous plaît

12 juil. 2017, 19:54

Bonjour,

Si tu ajoutes à ton code javascript la ligne de code que tu as indiquée, le plugin réagit comme tu le souhaites ?

13 juil. 2017, 00:26

ouais comme indiquer dans le lien tout marche mais juste pour une seule date qui etait ecrite var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');
moi j'aimerai ramener ces date via ma table et puis l'introduire ici

13 juil. 2017, 01:11

j'ai trouvé ce code

Code : Tout sélectionner

			eventSources: [
			
    {
		
        url: ' http://localhost/gentelella/production/events.php' // url to get holiday events
    }
    // any other sources...
	
],
eventAfterRender: function(event, element, view) {
	        
    // lets test if the event has a property called holiday. 
    // If so and it matches '1', change the background of the correct day
    if (event.holiday == '1') {
						
        var dateString = event.start.format("YYYY-MM-DD");

        $(view.el[0]).find('.fc-day[data-date=' + dateString + ']')
                        .css('background-color', 'red');
    }
}

et dans events.php j'ai ma liste des evenements..et la case devienne rougecomme souhaité
le probleme cest que je veux pas afficher le box en bleu la:
http://imgur.com/a/lHgmK
je veux seulement rendre la case rouge

13 juil. 2017, 08:36

Vu le code suivant :

				var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');
				var holidays = [fourthOfJuly];

Je dirai qu'il suffit de mettre la liste des dates à désactiver dans le tableau holidays :

var holidays = [moment('2014-07-04','YYYY-MM-DD'), moment('2014-07-14','YYYY-MM-DD')];

http://jsfiddle.net/C8jpm/194/

Donc désormais on sait désactiver plusieurs dates via javascript, ensuite il faut juste que tu récupères en PHP la liste des dates et que tu en fasse un foreach et un echo dans le tableau JS que je t'ai montré

13 juil. 2017, 17:34

Merci @rthur pour ta reponse ca m'aide beaucoup
mais comment je peux faire le tableau
car il faut des [] dans la variable holidays
je vois pas comment faire

14 juil. 2017, 06:55

Si c'était moi, je génèrerais ce code javascript directement PHP en récupérant les dates dans ta bdd mysql et en faisant un echo de chaque date exactement comme dans mon exemple.
Il y a un tuto ici pour récupérer des données en PHP dans une bdd si tu ne sais pas faire : https://openclassrooms.com/courses/conc ... -donnees-2

Ajax : returner multiple data

Qui est en ligne