Cum se creează un calendar simplu, frumos pe php, folosind css, site building - dezvoltare, creație

Înainte de a începe, vă puteți uita la acest calendar făcând clic pe butonul de mai jos.

În primul rând, să încercăm să colectăm informațiile necesare care sunt necesare pentru a afișa luna și ziua curente. În plus, trebuie să afișați anul curent și luna. Pentru aceasta avem nevoie de:







  1. Ziua curentă
  2. Prima zi a lunii curente
  3. Ultima zi a lunii curente

Având informațiile menționate mai sus, vom putea determina care prima zi a lunii. care este durata lunii și de a determina ziua curentă.

Pentru a obține informațiile menționate în 1 punct, vom folosi funcția getdate (). Dacă nu specificăm niciun parametru în funcție, acesta va returna informații despre data curentă ca o matrice:

Pentru a obține ultima zi a lunii, folosim funcția mktime (int ora, int minut, int secundă, int lună, int zi, int an, int este_dst), care primește data timestampului UNIX. Pentru a face acest lucru, al cincilea argument al funcției va avea valoarea 0. Prin urmare, codul va arăta astfel:







Pentru a afișa calendarul, trebuie să afișăm un tabel cu 7 coloane pentru 7 zile din săptămână. Numărul de rânduri din tabel depinde de numărul de zile din lună. De asemenea, este necesar să afișați un titlu care să reflecte informații despre lună și an. Și, de asemenea, o subtitrare cu numele zilei.

Acum avem un antet de tabel. Să încercăm să umplem prima linie. Acest lucru nu este ușor de făcut, deoarece nu puteți scrie 1 la prima celulă, 2 la a doua și așa mai departe. Acest lucru va funcționa dacă prima zi a lunii este luni, dar dacă nu? Pentru a rezolva această problemă, avem nevoie de indicele wday (a se vedea elementul 1, matricea) din matricea firstDay. Aceste informații ne vor ajuta să umplem zilele goale în calendar cu spații. Uită-te la următorul cod:

Următorul pas este să completați restul rândurilor din calendar. Acest lucru este mai ușor, avem nevoie doar să știm câte săptămâni complete în luna curentă:

În acest moment, trebuie să adăugăm restul zilelor din lună la ultimele rânduri ale tabelului:

Pentru ca calendarul să arate mai frumos, vom crea un tabel CSS. CSS va fi simplu:

Codul complet al calendarului din PHP, folosind un tabel de stiluri CSS în cascadă:

Vă rugăm să vă autentificați sau să vă înregistrați pentru a primi un link de descărcare.







Trimiteți-le prietenilor: