Concaténer des dates et des horaires

**the_tiger85** · 20/07/2012, 11h05

Bonjour,

Le code ci-dessous affiche les différents horaires de mes films comme ceci (j'ai mis les balises pour que vous compreniez mieux) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<ul><li><a href="#tabs-1">Vendredi</li></ul>
<div id="tabs-1">Jour : Vendredi - heure : 11:30</div>
----------------------------------
<ul><li><a href="#tabs-2">Vendredi</li></ul>
<div id="tabs-2">Jour : Vendredi - heure : 14:30</div>
----------------------------------
<ul><li><a href="#tabs-3">Samedi</li></ul>
<div id="tabs-3">Jour : Samedi - heure : 11:30</div>
----------------------------------
<ul><li><a href="#tabs-4">Samedi</li></ul>
<div id="tabs-4">Jour : Samedi - heure : 14:30</div>

Et je voudrais qu'il s'affiche par date. C'est à dire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ul>
  <li><a href="#tabs-1">Vendredi</li>
  <li><a href="#tabs-2">Samedi</li>
</ul>
<div id="tabs-1">Jour : Vendredi heure : 11:30 & 14:30</div>
<div id="tabs-2">Jour : Samedi - heure : 11:30 & 14:30</div>

Voici le code qui permet d'obtenir cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
echo '<div id="horaires-sceances">';
	$parametres = simplexml_load_file(fichier.xml);
	$evenements = $parametres->listeEvenements->evenement->listeRepresentations->representation;
	$i=1;
	foreach( $evenements as $evenement) {
		$lien = $evenement->lien; // On récupère le lien pour la résa
		$horaires = $evenement->debut; // On récupère les horaires
		$pieces = explode(" - ", $horaires); // On divise la chaine de caractere en 2
 
		$date_evenement_before = $pieces[0];// Date evenement type 19/07/2012
		$date_evenement = explode('/', $date_evenement_before);
		$date_evenement_after = $date_evenement[2].'-'.$date_evenement[1].'-'.$date_evenement[0]; // On change la date de 19/07/2012 à 2012-07-19
 
		$date_jour = date('Y-m-d');// Date du jour type 2012-07-19
 
		$debut	= new DateTime($date_jour); 
		$fin	= new DateTime($date_evenement_after);
		$interval = $debut->diff($fin); // On récupère le nb de jour d'interval entre la date du jour et la date de l'évènement
		$int = $interval->format('%a'); // Jour et Mois
 
		$dates = date_create_from_format('d/m/Y', $pieces[0]); // d/m/Y == 01/01/2012
		$date = date_format($dates, 'D'); // on modifie la date de 19/07/2012 à Jeudi
		//On passe les jours en Français
		if	  ($date == 'Mon'){ $date = 'Lundi'; 	}
		elseif($date == 'Tue'){ $date = 'Mardi'; 	}
		elseif($date == 'Wed'){ $date = 'Mercredi';	}
		elseif($date == 'Thu'){ $date = 'Jeudi';	}
		elseif($date == 'Fri'){ $date = 'Vendredi';	}
		elseif($date == 'Sat'){ $date = 'Samedi';  	}
		elseif($date == 'Sun'){ $date = 'Dimanche';	}
 
 
		if( $int < 15 ){ // On affiche que les évènement entre J & J+14 (2 semaines)
			echo '<div id="tabs-sceances">';	
				echo '<ul class="ul-tabs">';
					echo '<li><a href="#tabs-'.$i.'">'.$date.'</a></li>';
				echo '</ul>';
 
				echo '<div id="tabs-'.$i.'" class="div-tabs">';
					echo 'date jour : '.$date_jour.'<br/>';
					echo 'date evenement : '.$date_evenement_after.'<br/>';
					echo 'interval : '.$int.'<br/>';
					echo 'Jour : '.$date.'<br/>';
					echo 'Lien resa : <a href="'.$lien.'">'.$lien.'</a><br/>';
					echo 'heure : '.$pieces[1].'<br/>'; // On affiche l'heure
					echo '------------------------------------<br/>';
				echo '</div>'; //<!-- Fin #tabs-$i -->
			echo '</div>'; //<!-- Fin #tabs-sceances -->
		} // Fin if interval
		$i++;
	} // Fin foreach
echo '</div>'; // Fin div #horaires-sceances

A terme le code sera dans des onglets avec pour titre le jour et pour contenu les horaires.

Comment est-ce possible ce n'afficher qu'une fois la date mais avec les deux horaires correspondant ?

Merci d'avance

the_tiger85

**Celira** · 20/07/2012, 11h22

M'est avis que le plus simple, c'est de regrouper les infos dont tu as besoin dans un tableau et ensuite de parcourir le tableau pour l'afficher.

**the_tiger85** · 20/07/2012, 11h33

Merci de ta réponse Celira.
Aurais-tu un exemple de script ? je ne suis pas très douée en php, je n'ai que les bases...

**Celira** · 20/07/2012, 12h15

Ben ça dépend des données à regrouper. On pourrait avoir un exemple complet des données ? Parce que si on regroupe juste par jour, tout ce qui est le lundi va se retrouver ensemble...

**the_tiger85** · 20/07/2012, 12h39

Voici l'ensemble des données :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<footer id="prochaines-sceances">
	<h2>Prochaines sc&eacute;ances</h2>
	<div id="horaires-sceances">
		<div id="tabs-sceances">
			<ul class="ul-tabs">
				<li><a href="#tabs-1">Vendredi</a></li>
				<li><a href="#tabs-2">Vendredi</a></li>
				<li><a href="#tabs-3">Samedi</a></li>
				<li><a href="#tabs-4">Samedi</a></li>
				<li><a href="#tabs-5">Dimanche</a></li>
				<li><a href="#tabs-6">Dimanche</a></li>
				<li><a href="#tabs-7">Lundi</a></li>
				<li><a href="#tabs-8">Lundi</a></li>
				<li><a href="#tabs-9">Mardi</a></li>
				<li><a href="#tabs-10">Mardi</a></li>
				<li><a href="#tabs-11">Mercredi</a></li>
				<li><a href="#tabs-12">Mercredi</a></li>
				<li><a href="#tabs-13">Jeudi</a></li>
				<li><a href="#tabs-14">Jeudi</a></li>
				<li><a href="#tabs-15">Vendredi</a></li>
				<li><a href="#tabs-16">Vendredi</a></li>
				<li><a href="#tabs-17">Samedi</a></li>
				<li><a href="#tabs-18">Samedi</a></li>
				<li><a href="#tabs-19">Dimanche</a></li>
				<li><a href="#tabs-20">Dimanche</a></li>
				<li><a href="#tabs-21">Lundi</a></li>
				<li><a href="#tabs-22">Lundi</a></li>
				<li><a href="#tabs-23">Mardi</a></li>
				<li><a href="#tabs-24">Mardi</a></li>
				<li><a href="#tabs-25">Mercredi</a></li>
				<li><a href="#tabs-26">Mercredi</a></li>
				<li><a href="#tabs-27">Jeudi</a></li>
				<li><a href="#tabs-28">Jeudi</a></li>
				<li><a href="#tabs-29">Vendredi</a></li>
				<li><a href="#tabs-30">Vendredi</a></li>
			</ul>
			<div id="tabs-1" class="div-tabs">
				Jour : Vendredi
				Interval : 0
				heure : 11:30
			</div>
			<div id="tabs-2" class="div-tabs">
				Jour : Vendredi
				Interval : 0
				heure : 14:30
			</div>
			<div id="tabs-3" class="div-tabs">
				Jour : Samedi
				Interval : 1
				heure : 11:30
			</div>
			<div id="tabs-4" class="div-tabs">
				Jour : Samedi
				Interval : 1
				heure : 14:30
			</div>
			<div id="tabs-5" class="div-tabs">
				Jour : Dimanche
				Interval : 2
				heure : 11:30
			</div>
			<div id="tabs-6" class="div-tabs">
				Jour : Dimanche
				Interval : 2
				heure : 14:30
			</div>
			<div id="tabs-7" class="div-tabs">
				Jour : Lundi
				Interval : 3
				heure : 11:30
			</div>
			<div id="tabs-8" class="div-tabs">
				Jour : Lundi
				Interval : 3
				heure : 14:30
			</div>
			<div id="tabs-9" class="div-tabs">
				Jour : Mardi
				Interval : 4
				heure : 11:30
			</div>
			<div id="tabs-10" class="div-tabs">
				Jour : Mardi
				Interval : 4
				heure : 14:30
			</div>
			<div id="tabs-11" class="div-tabs">
				Jour : Mercredi
				Interval : 5
				heure : 11:30
			</div>
			<div id="tabs-12" class="div-tabs">
				Jour : Mercredi
				Interval : 5
				heure : 14:30
			</div>
			<div id="tabs-13" class="div-tabs">
				Jour : Jeudi
				Interval : 6
				heure : 11:30
			</div>
			<div id="tabs-14" class="div-tabs">
				Jour : Jeudi
				Interval : 6
				heure : 14:30
			</div>
			<div id="tabs-15" class="div-tabs">
				Jour : Vendredi
				Interval : 7
				heure : 11:30
			</div>
			<div id="tabs-16" class="div-tabs">
				Jour : Vendredi
				Interval : 7
				heure : 14:30
			</div>
			<div id="tabs-17" class="div-tabs">
				Jour : Samedi
				Interval : 8
				heure : 11:30
			</div>
			<div id="tabs-18" class="div-tabs">
				Jour : Samedi
				Interval : 8
				heure : 14:30
			</div>
			<div id="tabs-19" class="div-tabs">
				Jour : Dimanche
				Interval : 9
				heure : 11:30
			</div>
			<div id="tabs-20" class="div-tabs">
				Jour : Dimanche
				Interval : 9
				heure : 14:30
			</div>
			<div id="tabs-21" class="div-tabs">
				Jour : Lundi
				Interval : 10
				heure : 11:30
			</div>
			<div id="tabs-22" class="div-tabs">
				Jour : Lundi
				Interval : 10
				heure : 14:30
			</div>
			<div id="tabs-23" class="div-tabs">
				Jour : Mardi
				Interval : 11
				heure : 11:30
			</div>
			<div id="tabs-24" class="div-tabs">
				Jour : Mardi
				Interval : 11
				heure : 14:30
			</div>
			<div id="tabs-25" class="div-tabs">
				Jour : Mercredi
				Interval : 12
				heure : 11:30
			</div>
			<div id="tabs-26" class="div-tabs">
				Jour : Mercredi
				Interval : 12
				heure : 14:30
			</div>
			<div id="tabs-27" class="div-tabs">
				Jour : Jeudi
				Interval : 13
				heure : 11:30
			</div>
			<div id="tabs-28" class="div-tabs">
				Jour : Jeudi
				Interval : 13
				heure : 14:30
			</div>
			<div id="tabs-29" class="div-tabs">
				Jour : Vendredi
				Interval : 14
				heure : 11:30
			</div>
			<div id="tabs-30" class="div-tabs">
				Jour : Vendredi
				Interval : 14
				heure : 14:30
			</div>
		</div>
	</div>	
</footer><!-- Fin #prochaines-sceances -->

Effectivement, il ne faut pas regrouper par jour mais par la variable interval. Car j'affiche les programmes des deux semaines suivant la date du jour.

EDIT : Donc dans l'exemple ci-dessus, il faudrait regrouper le li #tabs-1 et #tabs-2 ensemble ainsi que les div #tabs-1 et #tabs-1, etc

J'ai mis une PJ pour que tu voit ce que je veut obtenir
Et le code (en gros) de ce que je veut :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div id="tabs-sceances">
	<ul class="ul-tabs">
		<li><a href="#tabs-1">Vendredi</a></li>
		<li><a href="#tabs-2">Samedi</a></li>
		<li><a href="#tabs-3">Dimanche</a></li>
		<li><a href="#tabs-4">Lundi</a></li>
		<li><a href="#tabs-5">Mardi</a></li>
		<li><a href="#tabs-6">Mercredi</a></li>
		<li><a href="#tabs-7">Jeudi</a></li>
		<li><a href="#tabs-8">Vendredi</a></li>
		<li><a href="#tabs-9">Samedi</a></li>
		<li><a href="#tabs-11">Dimanche</a></li>
		<li><a href="#tabs-11">Lundi</a></li>
		<li><a href="#tabs-12">Mardi</a></li>
		<li><a href="#tabs-13">Mercredi</a></li>
		<li><a href="#tabs-14">Jeudi</a></li>
		<li><a href="#tabs-15">Vendredi</a></li>
	</ul>
	<div id="tabs-1" class="div-tabs"> - Jour : Vendredi - Interval : 0 - heure : 11:30 - 14:30</div>
	<div id="tabs-2" class="div-tabs">Jour : Samedi - Interval : 1 - heure : 11:30 - 14:30</div>
	<div id="tabs-3" class="div-tabs">Jour : Dimanche - Interval : 2 - heure : 11:30 - 14:30</div>
	<div id="tabs-4" class="div-tabs">Jour : Lundi - Interval : 3 - heure : 11:30 - 14:30</div>
	<div id="tabs-5" class="div-tabs">Jour : Mardi - Interval : 4 - heure : 11:30 - 14:30</div>
	<div id="tabs-6" class="div-tabs">Jour : Mercredi - Interval : 5 - heure : 11:30 - 14:30</div>
	<div id="tabs-7" class="div-tabs">Jour : Jeudi - Interval : 6 - heure : 11:30 - 14:30</div>
	<div id="tabs-8" class="div-tabs">Jour : Vendredi - Interval : 7 - heure : 11:30 - 14:30</div>
	<div id="tabs-9" class="div-tabs">Jour : Samedi - Interval : 8 - heure : 11:30 - 14:30</div>
	<div id="tabs-10" class="div-tabs">Jour : Dimanche - Interval : 9 - heure : 11:30 - 14:30</div>
	<div id="tabs-11" class="div-tabs">Jour : Lundi - Interval : 10 - heure : 11:30 - 14:30</div>
	<div id="tabs-12" class="div-tabs">Jour : Mardi - Interval : 11 - heure : 11:30 - 14:30</div>
	<div id="tabs-13" class="div-tabs">Jour : Mercredi - Interval : 12 - heure : 11:30 - 14:30</div>
	<div id="tabs-14" class="div-tabs">Jour : Jeudi - Interval : 13 - heure : 11:30 - 14:30</div>
	<div id="tabs-15" class="div-tabs">Jour : Vendredi - Interval : 14 - heure : 11:30 - 14:30</div>
</div>

**Celira** · 20/07/2012, 13h04

Quelque chose comme ça alors :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?
echo '<div id="horaires-sceances">';
    $parametres = simplexml_load_file(fichier.xml);
    $evenements = $parametres->listeEvenements->evenement->listeRepresentations->representation;
    $i=1;
    $tableau_affichage = array();
    foreach( $evenements as $evenement) {
        $lien = $evenement->lien; // On récupère le lien pour la résa
        $horaires = $evenement->debut; // On récupère les horaires
        $pieces = explode(" - ", $horaires); // On divise la chaine de caractere en 2
 
        $date_evenement_before = $pieces[0];// Date evenement type 19/07/2012
        $date_evenement = explode('/', $date_evenement_before);
        $date_evenement_after = $date_evenement[2].'-'.$date_evenement[1].'-'.$date_evenement[0]; // On change la date de 19/07/2012 à 2012-07-19
 
        $date_jour = date('Y-m-d');// Date du jour type 2012-07-19
 
        $debut    = new DateTime($date_jour); 
        $fin    = new DateTime($date_evenement_after);
        $interval = $debut->diff($fin); // On récupère le nb de jour d'interval entre la date du jour et la date de l'évènement
        $int = $interval->format('%a'); // Jour et Mois
 
        $dates = date_create_from_format('d/m/Y', $pieces[0]); // d/m/Y == 01/01/2012
        $date = date_format($dates, 'D'); // on modifie la date de 19/07/2012 à Jeudi
        //On passe les jours en Français
        if      ($date == 'Mon'){ $date = 'Lundi';     }
        elseif($date == 'Tue'){ $date = 'Mardi';     }
        elseif($date == 'Wed'){ $date = 'Mercredi';    }
        elseif($date == 'Thu'){ $date = 'Jeudi';    }
        elseif($date == 'Fri'){ $date = 'Vendredi';    }
        elseif($date == 'Sat'){ $date = 'Samedi';      }
        elseif($date == 'Sun'){ $date = 'Dimanche';    }
 
        if( $int < 15 ){ // On affiche que les évènement entre J & J+14 (2 semaines)
            // initialisation du tableau avec les infos de l'événement
            if (!isset($tableau_affichage[$int])) {
                $tableau_affichage[$int] = array('jour' => $date, 'horaires' => array());
            }
            // nouvel horaire
            $tableau_affichage[$int]['horaires'][] = $pieces[1];
        } // Fin if interval
    } // Fin foreach
    // affichage : 
    foreach ($tableau_affichage as $interval => $donnees_interval) {
        echo '<div id="tabs-sceances">';    
            echo '<ul class="ul-tabs">';
                echo '<li><a href="#tabs-'.$i.'">'.$date.'</a></li>';
            echo '</ul>';
 
            echo '<div id="tabs-'.$i.'" class="div-tabs">';
                echo 'interval : '.$interval.'<br/>';
                echo 'Jour : '.$donnees_interval['jour'].'<br/>';
                echo 'heure : '.implode(', ',$donnees_interval['horaires']).'<br/>'; // On affiche l'heure
                echo '------------------------------------<br/>';
            echo '</div>'; //<!-- Fin #tabs-$i -->
        echo '</div>'; //<!-- Fin #tabs-sceances -->
        $i++;
    }
 
echo '</div>'; // Fin div #horaires-sceances

**the_tiger85** · 20/07/2012, 13h16

Merci

J'ai juste fait une petite modif pour l'affichage (j'ai fais deux foreach) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// affichage : 
echo '<div id="tabs-sceances">';
	echo '<ul class="ul-tabs">';
		$i=1;
		foreach ($tableau_affichage as $interval => $donnees_interval) {
			echo '<li><a href="#tabs-'.$i.'">'.$donnees_interval['jour'].'</a></li>';
			$i++;
		}
	echo '</ul>';
 
	$i=1;
	foreach ($tableau_affichage as $interval => $donnees_interval) {
		echo '<div id="tabs-'.$i.'" class="div-tabs">';
			echo 'interval : '.$interval.'<br/>';
			echo 'Jour : '.$donnees_interval['jour'].'<br/>';
			echo 'heure : '.implode(', ',$donnees_interval['horaires']).'<br/>'; // On affiche l'heure
			echo '------------------------------------<br/>';
		echo '</div>'; //<!-- Fin #tabs-$i -->
		$i++;
	}
echo '</div>'; //<!-- Fin #tabs-sceances -->

Merci beaucoup. Je galérais avec ça depuis hier ! Je suis pas au top niveau php ^^

Bonne journée !

**the_tiger85** · 20/07/2012, 14h38

Humm petit soucis.

En fait ma liste d'horaire viens d'un xml qui se met à jour automatiquement. Dès qu'un horaire est dépassé, le xml se met à jour et supprime l'horaire. Par exemple pour aujourd'hui, il y avait deux horaires : 11h30 et 14h30. Le premier étant passé, il s'est supprimé et du coup ça m'affiche ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
interval : 0
Jour : Vendredi
14:30 11:30 14:30
------------------------------------
interval : 1
Jour : Dimanche
11:30 14:30

Il me manque le Samedi ...

J'avais pas vu que ça fonctionnais comme ça, on m'a juste donné le xml...

EDIT :
On viens de me dire que le nombre d'horaire peut être variable (min 1 par jour et max 10)

Merci d'avance.

**the_tiger85** · 20/07/2012, 16h26

Bon, mon collègue vient de me venir en aide ^^

Il faut rajouter "T23:59:59+00:00" à la date de l'évènement pour que ça prenne en compte une journée pleine (24h).

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

$date_evenement_after = $date_evenement[2].'-'.$date_evenement[1].'-'.$date_evenement[0]."T23:59:59+00:00"; // On change la date de 19/07/2012 à 2012-07-19

Merci encore Celira pour ton aide !

Bonne journée

Concaténer des dates et des horaires

Langage PHP

Discussions similaires

Partager

Partager