Calendrier avec affichage réservations

Version imprimable

Bonjour à tous,

J'ai un soucis de compréhension avec une classe php qui affiche un simple calendrier.

Je souhaiterais afficher en vert les jours qui sont occupé par une réservation.

Pour me faciliter la compréhension de la classe, je crée un array avec 2 enregistrements 2017-11-15 et 2017-11-20
Mais pour une raison que j'ignore, le calendrier ne m'affiche en vert que le premier enregistrement de mon array.
Je fais appel à vous pour m'aider à y voir plus clair ;)

Voici la classe php:

Code:

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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<?php
/**
*@author  Xu Ding
*@email   thedilab@gmail.com
*@website http://www.StarTutorial.com
**/
 
 
class Calendar {  
 
    /**
     * Constructor
     */
    public function __construct(){     
        $this->naviHref = htmlentities($_SERVER['PHP_SELF']);
    }
 
    /********************* PROPERTY ********************/  
    private $dayLabels = array("Mon","Tue","Wed","Thu","Fri","Sat","Sun");
 
    private $currentYear=0;
 
    private $currentMonth=0;
 
    private $currentDay=0;
 
    private $currentDate=null;
 
    private $daysInMonth=0;
 
    private $naviHref= null;
 
    /********************* PUBLIC **********************/  
 
    /**
    * print out the calendar
    */
    public function show() {
        $year  = null;
 
 
		$month = null;
 
 
        if(null==$year&&isset($_GET['year'])){
 
            $year = $_GET['year'];
 
        }else if(null==$year){
 
            $year = date("Y",time());  
 
        }          
 
        if(null==$month&&isset($_GET['month'])){
 
            $month = $_GET['month'];
 
        }else if(null==$month){
 
            $month = date("m",time());
 
        }                  
 
        $this->currentYear=$year;
 
        $this->currentMonth=$month;
 
        $this->daysInMonth=$this->_daysInMonth($month,$year);  
 
        $content='<div id="calendar">'.
                        '<div class="box">'.
                        $this->_createNavi().
                        '</div>'.
                        '<div class="box-content">'.
                                '<ul class="label">'.$this->_createLabels().'</ul>';   
                                $content.='<div class="clear"></div>';     
                                $content.='<ul class="dates">';    
 
                                $weeksInMonth = $this->_weeksInMonth($month,$year);
                                // Create weeks in a month
                                for( $i=0; $i<$weeksInMonth; $i++ ){
 
                                    //Create days in a week
                                    for($j=1;$j<=7;$j++){
                                        $content.=$this->_showDay($i*7+$j);
                                    }
                                }
 
                                $content.='</ul>';
 
                                $content.='<div class="clear"></div>';     
 
                        $content.='</div>';
 
        $content.='</div>';
        return $content;   
    }
 
    /********************* PRIVATE **********************/ 
    /**
    * create the li element for ul
    */
 
 
	private function _showDay($cellNumber){
 
 
 
        if($this->currentDay==0){
 
            $firstDayOfTheWeek = date('N',strtotime($this->currentYear.'-'.$this->currentMonth.'-01'));
 
            if(intval($cellNumber) == intval($firstDayOfTheWeek)){
 
                $this->currentDay=1;
 
            }
        }
 
        if( ($this->currentDay!=0)&&($this->currentDay<=$this->daysInMonth) ){
 
            $this->currentDate = date('Y-m-d',strtotime($this->currentYear.'-'.$this->currentMonth.'-'.($this->currentDay)));
 
            $cellContent = $this->currentDay;
 
            $this->currentDay++;   
 
        }else{
 
            $this->currentDate =null;
 
            $cellContent=null;
        }
 
		// essai compréhension	 		
		$arr = array('2017-11-15','2017-11-20');
		foreach($arr as $date) {
 
                        if ($date == $this->currentDate) {		
 
        	            return '<a href="../addbooking.php?arrival='.$this->currentDate.'"><li id="li-'.$this->currentDate.'" style="background-color:green;"  class="'.($cellNumber%7==1?' start ':($cellNumber%7==0?' end ':' ')).
                           ($cellContent==null?'mask':'').'">'.$cellContent.'</li></a>';
		        }
		        else {
			    return '<li id="li-'.$this->currentDate.'" class="'.($cellNumber%7==1?' start ':($cellNumber%7==0?' end ':'  ')).
                           ($cellContent==null?'mask':'').'">'.$cellContent.'</li>';
			}
		}//fin foreach
    }
 
    /**
    * create navigation
    */
    private function _createNavi(){
 
        $nextMonth = $this->currentMonth==12?1:intval($this->currentMonth)+1;
 
        $nextYear = $this->currentMonth==12?intval($this->currentYear)+1:$this->currentYear;
 
        $preMonth = $this->currentMonth==1?12:intval($this->currentMonth)-1;
 
        $preYear = $this->currentMonth==1?intval($this->currentYear)-1:$this->currentYear;
 
        return
            '<div class="header">'.
                '<a class="prev" href="'.$this->naviHref.'?month='.sprintf('%02d',$preMonth).'&year='.$preYear.'">Prev</a>'.
                    '<span class="title">'.date('Y M',strtotime($this->currentYear.'-'.$this->currentMonth.'-1')).'</span>'.
                '<a class="next" href="'.$this->naviHref.'?month='.sprintf("%02d", $nextMonth).'&year='.$nextYear.'">Next</a>'.
            '</div>';
    }
 
    /**
    * create calendar week labels
    */
    private function _createLabels(){  
 
        $content='';
 
        foreach($this->dayLabels as $index=>$label){
 
            $content.='<li class="'.($label==6?'end title':'start title').' title">'.$label.'</li>';
 
        }
 
        return $content;
    }
 
 
 
    /**
    * calculate number of weeks in a particular month
    */
    private function _weeksInMonth($month=null,$year=null){
 
        if( null==($year) ) {
            $year =  date("Y",time()); 
        }
 
        if(null==($month)) {
            $month = date("m",time());
        }
 
        // find number of days in this month
        $daysInMonths = $this->_daysInMonth($month,$year);
 
        $numOfweeks = ($daysInMonths%7==0?0:1) + intval($daysInMonths/7);
 
        $monthEndingDay= date('N',strtotime($year.'-'.$month.'-'.$daysInMonths));
 
        $monthStartDay = date('N',strtotime($year.'-'.$month.'-01'));
 
        if($monthEndingDay<$monthStartDay){
 
            $numOfweeks++;
 
        }
 
        return $numOfweeks;
    }
 
    /**
    * calculate number of days in a particular month
    */
    private function _daysInMonth($month=null,$year=null){
 
        if(null==($year))
            $year =  date("Y",time()); 
 
        if(null==($month))
            $month = date("m",time());
 
        return date('t',strtotime($year.'-'.$month.'-01'));
 
    }
 
}

27/11/2017, 11h32
chedkh

il faut converture les dates en datetime pour bien faire les tests

je pense que le problème vient du test if ($date == $this->currentDate) { essaie couverture les dates en datetime puis refait les tests.
27/11/2017, 11h55
rawsrc

Salut,

Je comprends mal l'utilité de cette classe dans la mesure où son implémentation ne te laisse pas la possibilité de paramétrer le rendu à la volée...
Si pour pouvoir utiliser cette classe t'es obligé de coder tes données en dur dedans, m'est d'avis que t'es pas sorti de l'auberge.
27/11/2017, 12h14
legrandse
J'ai en comparé les valeurs comme ceci sachant que:

Code:

$this->currentDate = date('Y-m-d',strtotime($this->currentYear.'-'.$this->currentMonth.'-'.($this->currentDay)));

J'ai donc adapté ma comparaison :
Code:

1 2 $date = date('Y-m-d',strtotime($date)); if ($date == $this->currentDate)
un

Code:

echo $this->currentDate

me donne :
2017-11-01
2017-11-02
2017-11-03
...

un

Code:

echo $date

me donne uniquement :
2017-11-15
2017-11-15
2017-11-15
2017-11-15
...
35 fois. Soit le nombre de case du calendrier.

Je ne comprend pas pourquoi la boucle ne m'affiche pas le second enregistrement de l'array ?
27/11/2017, 13h56
Celira

ça dépend probablement de là où tu as mis ton echo.

Cela dit, comme rawsrc, je ne vois pas bien l'intérêt de cette boucle. Qu'est-ce que tu tentes de faire exactement ?
27/11/2017, 14h03
legrandse

Le but final c'est de comparer les dates du calendrier à celles de ma BDD qui contient des événements.

Et s'il y a effectivement une égalité alors afficher en vert.

Mais pour tester j'ai simplement utilisé un array avec 2 dates.
Actuellement seul le 15/11 est affiché en vert alors qu'il devrait y avoir le 20/11 également.
Mais je ne vois pas pourquoi. ;)

Si tu boucle sur la liste des dates sélectionnées et que tu fais l'affichage en l'intérieur, tu devrais en fait te retrouver avec autant de calendriers que de dates sélectionnées. Ce qui n'est sans doute pas l'objectif...

Tu peux peut-être faire une recherche via array_search :

Code:

1
2
3
4
5
6
7
8
9
$arr = array('2017-11-15','2017-11-20');
if (array_search($this->currentDate, $arr) !== false) {		
    return '<a href="../addbooking.php?arrival='.$this->currentDate.'"><li id="li-'.$this->currentDate.'" style="background-color:green;"  class="'.($cellNumber%7==1?' start ':($cellNumber%7==0?' end ':' ')).
           ($cellContent==null?'mask':'').'">'.$cellContent.'</li></a>';
}
else {
    return '<li id="li-'.$this->currentDate.'" class="'.($cellNumber%7==1?' start ':($cellNumber%7==0?' end ':'  ')).
               ($cellContent==null?'mask':'').'">'.$cellContent.'</li>';
}

27/11/2017, 14h42
legrandse

Et bien je te remercie beaucoup pour l'aide.

Cà fonctionne correctement ;)

@+

Bon, parce que je suis dans un bon jour, j'ai repris le code moisi de ta classe en l'améliorant au passage
Fais en bon usage :ccool:

Code:

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
class Calendar
{
    private $year;
    private $month;
    private $data = [];
    private $url_base;
 
    public function __construct()
    {
        // by default the calendar shows the current month
        $now         = new DateTime();
        $this->year  = $now->format('Y');
        $this->month = $now->format('m');
    }
 
    /**
     * Define the root of the url to change the year-month value
     * The final url will be : url_base?year=2017&month=1
     *
     * @param string $p
     */
    public function setUrlBase(string $p)
    {
        $this->url_base = $p;
    }
 
    /**
     * @param  mixed $p  int|string => 'next'|'prev'
     * @return self
     */
    public function setYear($p)
    {
        if ($p === 'next') {
            ++$this->year;
        } elseif ($p === 'prev') {
            --$this->year;
        } elseif ((int)$p !== 0) {
            $this->year = (int)$p;
        }
 
        return $this;
    }
 
    /**
     * @param mixed $p  int|string => 'next'|'prev'
     */
    public function setMonth($p)
    {
        if (in_array($p, ['next', 'prev'], true)) {
            $date        = new DateTime("{$this->year}-{$this->month}-01");
            $way         = ($p === 'next') ? 'next' : 'previous';
            $this->year  = $date->modify("{$way} month")->format('Y');
            $this->month = $date->format('m');
        }
        elseif ((int)$p && ($p >= 1) && ($p <= 12)) {
            $this->month = (int)$p;
        }
 
        return $this;
    }
 
    /**
     * Data to print for each day in the month
     *
     * @param array $data   [YYYY-MM-DD => string]
     */
    public function setData(array $data)
    {
        $this->data = $data;
    }
 
    public function render()
    {
        $week_days    = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
        $class        = array_fill_keys($week_days, '');
        $class['Mon'] = 'start';
        $class['Sun'] = 'end';
 
        $date = new DateTimeImmutable("{$this->year}-{$this->month}-01");
        $prev = $date->modify('previous month');
        $next = $date->modify('next month');
 
        $labels    = '';
        foreach ($week_days as $day) {
            $labels .= '<li class="'.$class[$day].'title">'.$day.'</li>';
        }
 
        $hsc   = function($p) { return htmlspecialchars($p, ENT_QUOTES, 'utf-8'); };
        $days  = new DatePeriod($date, new DateInterval('P1D'), $date->modify('first day of next month'));
        $body  = '';
 
        foreach ($days as $d) {
            $format  = $d->format('Y-m-d');
            $content = $this->data[$format] ?? null;
            $li = <<<html
<li id="li-{$d->format('Y-m-d')}" style="background-color:green;" class="{$class[$d->format('D')]}">{$hsc($content)}</li>
html;
            if ($content !== null) {
                $body .= <<<html
<a href="../addbooking.php?arrival={$format}">{$li}</a>
html;
            }
            else {
                $body .= $li;
            }
        }
 
        return <<<html
<div id="calendar">
    <div class="box">
        <div class="header">
            <a class="prev" href="{$this->url_base}?year={$prev->format('Y')}&month={$prev->format('m')}">Prev</a>
            <span class="title">{$date->format('M Y')}</span>
            <a class="next" href="{$this->url_base}?year={$next->format('Y')}&month={$next->format('m')}">Next</a>
        </div>
    </div>
    <div class="box-content">
        <ul class="label">{$labels}</ul>
        <div class="clear"></div>
        <ul class="dates">
            {$body}
        </ul>
        <div class="clear"></div>
    </div>
</div>
html;
    }
}

Avec un petit code de test :

Code:

1
2
3
4
5
6
7
$cal = new Calendar();
$cal->setYear(2017)->setMonth(11)->setData([
    '2017-11-11' => 'Armistice',
    '2017-11-30' => 'Glandouille'
]);
 
echo $cal->render();

Il va de soi que je n'ai pas fais tous les tests, juste comme ça en passant ;)

27/11/2017, 16h21
legrandse

Mais c'est Noël avant l'heure :D
Merci à toi ;)