Hogyan hozzunk létre egy egyszerű, szép naptár php, a CSS, Web design - tervezés, fejlesztés
Mielőtt elkezdenénk, akkor lehet, hogy nézd meg ezt klendar által az alábbi gombra kattintva.
Először is, próbálja összegyűjteni a szükséges információkat, ami szükséges, hogy megjelenítse az aktuális hónapot és napot. Ezen kívül szükség van, hogy vonja vissza az aktuális év és hónap. Ehhez meg kell:
- napjainkig
- Az első nap a hónap
- Az utolsó napon az aktuális hónapban
A fenti információk, képesek leszünk meghatározni, hogy mi az első nap a hónapban. Milyen hosszú a hónap, és meghatározza az aktuális napon.
Ahhoz, hogy az információ bekezdésben említett 1, akkor használja ezt a funkciót getdate (). Ha nem adunk meg semmilyen paramétert a funkciót, akkor vissza információkat az aktuális dátumot formájában tömb:
Ahhoz, hogy az utolsó nap a hónap során, akkor használja ezt a funkciót mktime (int óra int perc, int második, int hónap, int nap, int év [, int is_dst]), amely fogadja a UNIX timestamp dátumot. Ehhez ötödik érv a függvény lesz állítva 0. Így, a kód a következő lesz:
Mutatni egy naptár, meg kell jeleníteni egy asztal 7 oszlopok a hét 7 napján. A sorok száma a táblázatban függ a napok számát a hónapban. Arra is szükség van, hogy a főcím, amely tükrözte információt a hónap és az év. Csakúgy, mint a felirat, hogy a nap nevét.
Most van egy táblázat fejlécében. Próbáljuk kitölteni az első sorban. Ez nem könnyű, mert nem tud írni 1 az első cellában, a második 2, stb Ez történik, ha az első napja a hónap hétfőn, de ha nem? Ahhoz, hogy megoldja ezt a problémát, szükségünk van egy index wday (ld. 1. tömb) a tömb firstDay. Ez az információ segít bennünket, hogy töltse ki az üres terek, a naptári nap. Nézd meg a következő kódot:
A következő lépés az, hogy kitöltse a fennmaradó sorok a naptárban. Könnyebb csinálni, csak azt kell tudni, hogy hány teljes hétig ebben a hónapban:
Ezen a ponton meg kell adni a maradék napok a hónap utolsó sorban a táblázat tartalmazza:
Ahhoz, hogy a naptár gyönyörű volt, akkor létre CSS asztalra. CSS egyszerű:
Teljes naptári kódot PHP, a CSS CSS:
Kérjük jelentkezz be vagy regisztrálj, hogy a letöltési linket.