ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π½Π° ΡΠ°ΠΉΡ html ΠΊΠΎΠ΄
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ PHP + Javascript
ΠΠ΅Π΄Π°Π²Π½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Π°Ρ Π΄Π°ΡΠ° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΅Π½Π° ΡΡΡΠ»ΠΊΠΎΠΉ, Π΅ΡΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΎΠ±ΡΡΠΈΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΈΡΠ»Π°. ΠΡΠ»ΠΈ ΠΌΠ½Π΅ ΡΠ°Π·ΡΠ΅ΡΠ°Ρ ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΡΡΠ»ΠΊΡ, Π·Π΄Π΅ΡΡ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ ΡΠ°Π±ΠΎΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ.
ΠΠ°Π΄Π°ΡΠ° Π²ΡΠΎΠ΄Π΅ Π±Ρ Π½Π΅ ΡΠ»ΠΎΠΆΠ½Π°Ρ, Π½ΠΎ ΡΡΠ΅Π΄ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ Ρ Π½Π΅ Π½Π°ΡΠ΅Π» ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΏΡΠΈΡΠΈΠ½Π°ΠΌ: ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠ»ΠΎΠΆΠ½ΡΠΉ ΠΈ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΡΠΉ ΠΊΠΎΠ΄, ΠΌΠ΅Π΄Π»Π΅Π½Π½ΡΠ΅ Π·Π°ΠΏΡΠΎΡΡ ΠΊ ΠΠ (ΡΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΎΡΡΡΠ°Π΅ΡΡΡ, Π΅ΡΠ»ΠΈ Π² Π±Π°Π·Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°ΠΏΠΈΡΠ΅ΠΉ), ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ jQuery, ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΉ Ρ ΠΎΡΠ½ΠΎΡΡΡΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΎ.
ΠΡΠ°ΠΊ, ΠΊ ΠΏΠ»ΡΡΠ°ΠΌ ΠΌΠΎΠ΅Π³ΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ½Π΅ΡΠ»ΠΈ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΠΎΠ³ΠΈΠΊΠ°
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΡΡΡ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ php Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅Π³ΠΎ ΠΌΠ΅ΡΡΡΠ°. ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΄Π½Ρ ΠΏΡΠΎΠ²Π΅ΡΡΠ΅ΠΌ Π½Π΅Ρ Π»ΠΈ Π·Π°ΠΏΠΈΡΠ΅ΠΉ Π² ΠΠ, Π΅ΡΠ»ΠΈ Π΅ΡΡΡ, β ΡΠΎΡΠΌΠΈΡΡΠ΅ΠΌ ΡΡΡΠ»ΠΊΡ Π½Π° ΡΠΎΠ±ΡΡΠΈΠ΅. ΠΠΎΠΏΠΈΡΡΠ²Π°Π΅ΠΌ javascript ΠΊΠΎΠ΄ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π»ΠΈΡΡΡΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΡΡΡΠ΅Π², ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ±ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ ΡΠΊΡΠΈΠΏΡΡ ΡΠ΅ΡΠ΅Π· ajax. ΠΠ°Π΄Π°ΡΠ° ΡΡΠ»ΠΎΠΆΠ½ΡΠ΅ΡΡΡ ΡΠ΅ΠΌ, ΡΡΠΎ ΡΠΎΠ±ΡΡΠΈΡ ΡΠ°ΡΡΡΠ½ΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΡΠΎ Π΅ΡΡΡ, Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Π² ΠΎΠ΄ΠΈΠ½ Π΄Π΅Π½Ρ, Π° Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡΡΡ ΡΠ΅ΡΠ΅Π· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π½Π΅ΠΉ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΌΠ΅ΡΡΡΠ΅Π². ΠΠ° Π²ΡΠ΅ΠΌ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠ΅ ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΡ Π½ΡΠΆΠ½ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΄Π½Ρ.
ΠΠ΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π½Π° PHP
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΌΡ Π²ΡΠ±ΡΠ°Π»ΠΈ Π²ΡΠ΅ Π·Π°ΠΏΠΈΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΅ΡΡΡ Π² ΡΠ΅ΠΊΡΡΠ΅ΠΌ ΠΌΠ΅ΡΡΡΠ΅.
ΠΠ°Π»ΡΡΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅: Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅ΠΌ ΠΎΠ±Ρ ΠΎΠ΄ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΡΡΠΈΠ². ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΊΡΡΡΠΈΡΡ Π»ΠΈΡΠ½ΠΈΠΉ ΡΠ°Π· Π²ΡΠ΅ Π·Π°Π½ΠΎΠ²ΠΎ, Π΅ΡΠ»ΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅, ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ°ΡΡΠΈΠ²Π° ΡΠ΄Π°Π»ΡΠ΅ΡΡΡ ΠΈ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠΈΠΊΠ» ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ΅Π½ΡΡΠ΅ ΠΈΡΠ΅ΡΠ°ΡΠΈΠΉ.
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, ΡΠ°ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ:
Javascript ΠΊΠΎΠ΄ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ°ΡΡΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΡΡΡΠ΅Π²
ΠΠ½ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠΏΡΠΎΡΠ΅Π½ Π΄Π»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ (ΠΎΡΡΡΡΡΡΠ²ΡΡΡ ΡΡΡΠ΅ΠΊΡΡ ΡΠΊΠΎΠ»ΡΠΆΠ΅Π½ΠΈΡ):
ΠΠ°ΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ΅Π³ ΡΠ°Π±Π»ΠΈΡΡ:
ΠΡΠ²ΠΎΠ΄Ρ
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΠΎΠ»ΡΡΠΈΠ»ΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ Π»Π΅Π³ΠΊΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΡΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ, ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠΉ Π½Π° ΡΠΈΡΡΠΎΠΌ PHP+javascript Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ.
ΠΠ΅ΡΡΡΠ°Π΅ΠΌ flex-ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠΈΠΊ
ΠΠ΄Π΅Ρ 2018 Π³ΠΎΠ΄, ΠΌΠΎΠ΄Π½ΡΠ΅ ΠΏΠ°ΡΠ°Π½Ρ Π΄Π°Π²Π½ΠΎ ΡΠΆΠ΅ Π²Π΅ΡΡΡΠ°ΡΡ Π½Π° grid, Π° Ρ Π²ΡΠ΅ Π½Π° ΡΡΠ΅ΡΡΠ΅ΠΌ Π±ΡΡΡΡΡΠ°ΠΏΠ΅ ΡΠΈΠΆΡ Ρ col-md ΠΊΠΎΡΠ΅ΡΡΡΡΡΡ, ΠΌΠ΅Π»ΡΠΊΠΎΠΌ ΠΏΠΎΠ³Π»ΡΠ΄ΡΠ²Π°Ρ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΡΡΠΉ.
Π Π΅ΡΠΈΠ» Ρ, ΡΡΠΎ ΡΡΠΎ Π½Π΅ Π΄Π΅Π»ΠΎ, ΠΈ ΡΡΠΎΠΈΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°Π½ΠΈΡ ΠΎΡΠ²Π΅ΠΆΠΈΡΡ, Π½ΠΎ Ρ grid Π²ΡΠΎΠ΄Π΅ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΠΎΠΊΠ° Ρ ΡΠΎΠΌΠ°Π΅Ρ, Π° Π²ΠΎΡ flex ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠΆΠ΅ Π΄Π°ΠΆΠ΅ ΡΡΡΠ³ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ.
ΠΠΎΡ ΠΈ ΡΠ΅ΡΠΈΠ» Π΅Π³ΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ. Π ΠΏΡΠΎΡΠ΅ΡΡΠΎΠΌ ΡΡΠ²ΠΎΠ΅Π½ΠΈΡ Ρ Π²Π°ΠΌΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡ. Π ΠΎΠ±ΡΠ΅ΠΌ, Π±ΡΠ΄Π΅ΠΌ Π²Π΅ΡΡΡΠ°ΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠΈΠΊ Π½Π° Π²Π΅ΡΡ Π³ΠΎΠ΄.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ Π²ΠΎΡ ΡΠ°ΠΊ:
Π’Π°ΠΊ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ, ΡΡΠΎ Ρ Π°Π΄Π΅ΠΏΡ vue, ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠ° Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ. ΠΠ»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π΄Π°ΡΠ°ΠΌΠΈ Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΡΠΊΡ moment, ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π±Π΅Π· Π½Π΅Π΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ, Π½ΠΎ ΠΌΠ½Π΅ Ρ Π½Π΅ΠΉ ΠΏΡΠΈΠ²ΡΡΠ½Π΅Π΅.
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ°
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ vue-cli, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅Ρ Π΅ΡΠ΅ Π½Π΅Ρ:
ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° Π±Π°Π·Π΅ ΡΠ°Π±Π»ΠΎΠ½Π° webpack-simple, Ρ Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ scss (Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄Π»Ρ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΎΠ²), ΠΏΠΎΡΡΠΎΠΌΡ ΠΊΠΎΠ³Π΄Π° Π²ΠΈΠ·Π°ΡΠ΄ ΡΠΏΡΠΎΡΠΈΡ Π²Π°Ρ
ΠΎΡΠ²Π΅ΡΡΡΠ΅ y(es), Π² ΠΎΠ±ΡΠ΅ΠΌ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΠΌ:
Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΡΠΊΡ moment.js
ΠΎΡΠΈΡΠ°Π΅ΠΌ ΡΠ°ΠΉΠ»ΠΈΠΊ App.vue
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠ°ΠΉΠ»ΠΈΠΊ Calendar.vue:
ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎ Π² main.js
Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² App.vue
ΠΡΠ»ΠΈ Π²ΡΠ΅ Π²Π΅ΡΠ½ΠΎ ΡΠ΄Π΅Π»Π°Π»ΠΈ, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΠΌ ΡΠ»ΠΎΠ²ΠΎ «ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ» Π½Π° Π±Π΅Π»ΠΎΠΌ ΡΠΎΠ½Π΅.
ΠΠΎΡΠΎΠ²ΠΈΠΌ Π΄Π°Π½Π½ΡΠ΅
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΡΡΠΎ-ΡΠΎ ΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π°Π΄ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΡΡ Π΄Π°Π½Π½ΡΠ΅ Π΄Π»Ρ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. Π― ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΠΏΠΈΡ Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΏΠΎ Π³ΠΎΠ΄Ρ Π² ΠΌΠ°ΡΡΠΈΠ² ΠΈΠ· ΠΌΠ΅ΡΡΡΠ΅Π². Π ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΌΠ΅ΡΡΡ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ Π²ΠΈΠ΄Π°:
ΡΠΎ Π±ΠΈΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΡΡΡΠ° ΠΈ ΠΌΠ°ΡΡΠΈΠ² ΠΈΠ· Π½Π΅Π΄Π΅Π»Ρ. ΠΠ°ΠΆΠ΄Π°Ρ Π½Π΅Π΄Π΅Π»Ρ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ Π³Π΄Π΅ ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ Π΄Π½Ρ (ΠΎΡ 1 Π΄ΠΎ 7) Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠ²ΡΠ·Π°Π½Π° Π΄Π°ΡΠ° ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π΅ΡΠ΅ ΠΊΠ°ΠΊΠ°Ρ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΌΠ΅ΡΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ:
ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΠΌΡΡ Π½Π° ΡΠ°ΠΉΠ»ΠΈΠΊ Calendar.vue, ΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΠΌ ΡΠ°ΡΡΡ ΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΡΡ Π·Π° ΡΠΊΡΠΈΠΏΡ:
ΠΠΎΠΆΠ½ΠΎ Π·Π°Π³Π»ΡΠ½ΡΡΡ Π² vue-devtools ΠΈ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ°ΠΌ:
ΠΠ΅ΡΡΡΠ°Π΅ΠΌ
ΠΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ΅Π³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΆΠ΅ Π²ΡΠ²Π΅Π΄Π΅ΠΌ. Π‘Π½Π°ΡΠ°Π»Π° Π½Π°ΡΡΠΈΠΌΡΡ Π²Π΅ΡΡΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΌΠ΅ΡΡΡ, Π° ΠΏΠΎΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΡΠ²ΠΎΠΈΠΌΡΡ, Π²ΡΠ²Π΅Π΄Π΅ΠΌ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅. Π ΠΎΠ±ΡΠ΅ΠΌ, ΠΏΡΠ°Π²ΠΈΠΌ ΡΠ°Π±Π»ΠΎΠ½ Calendar.vue:
Π‘Π½Π°ΡΠ°Π»Π° Π·Π°ΡΡΠ°Π²ΠΈΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π΄Π°ΡΡ Π² Π½Π°ΡΠ΅ΠΉ Π½Π΅Π΄Π΅Π»Π΅ Π² ΡΡΠ΄, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠΏΡΠ°Π²ΠΈΠΌ ΡΡΠΈΠ»Ρ:
ΡΠ΅ΠΏΠ΅ΡΡ ΡΠΊΠ°ΠΆΠ΅ΠΌ, ΡΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π΄Π΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π½ΠΈΠΌΠ°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΌΠ΅ΡΡΠ° Π² Π½Π°ΡΠ΅ΠΌ ΡΡΠ΄Ρ:
ΠΡ Π²ΡΠΎΠ΄Π΅ ΠΏΠΎΠΏΡΠΈΠ»ΠΈΡΠ½Π΅Π΅ ΡΡΠ°Π»ΠΎ, ΡΠΎΠ»ΡΠΊΠΎ ΡΠΈΡΡΡ ΡΠ°ΠΊΠΈ ΡΠΊΠ°ΡΡΡ. ΠΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΡΡΠΎ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ flex-grow ΠΏΠΎ ΡΡΡΠΈ ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ, Π° ΡΠ΅ΠΊΡΡ ΡΠΈΡΡ Π² ΡΡΠΎ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ Π½Π΅ Π²Ρ ΠΎΠ΄ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΡΡΠ΅ΠΉΠΊΠΈ Ρ ΡΠΈΡΡΠ°ΠΌΠΈ ΡΡΠ°Π»ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π²Π½ΡΠΌΠΈ Π½Π°Π΄ΠΎ ΡΠΊΠ°Π·Π°ΡΡ Π² ΡΡΠΈΠ»Π΅, ΡΡΠΎΠ±Ρ ΡΠΈΡΠΈΠ½Π° ΡΠ΅ΠΊΡΡΠ° Π½Π΅ ΡΡΠΈΡΡΠ²Π°Π»Π°ΡΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ ΡΠ²ΠΎΠΉΡΡΠ²Ρ flex-basis Π½Π° Π½ΠΎΠ»Ρ.
ΠΡΠ»ΠΈ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΡΡΠΎ Ρ Π³ΠΎΠ²ΠΎΡΡ, ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΏΠΎΠΈΠ·ΡΡΠ°ΡΡ Π΄Π°Π½Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ:
ΠΡ ΠΊΠ°ΠΊ? ΠΡΠ°Π²ΠΈΠΌ ΡΡΠΈΠ»Ρ:
Π― Π΄ΡΠΌΠ°Ρ ΠΌΡ ΡΠ΅ΠΏΠ΅ΡΡ Π³ΠΎΡΠΎΠ²Ρ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ Π²ΡΠ²Π΅ΡΡΠΈ Π²ΡΠ΅ ΠΌΠ΅ΡΡΡΡ, ΠΏΡΠ°Π²ΠΈΠΌ ΡΠ°Π±Π»ΠΎΠ½:
ΠΡΠ»ΠΈΡΠ½ΠΎ, Ρ Π½Π°Ρ ΡΠΆΠ΅ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ΄Π° ΡΠ΅ΡΠΏΠΎΠ½ΡΠΈΠ²Π½ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ:
ΠΠΎ Π½Π°ΠΌ ΡΡΠΎΠ³ΠΎ ΠΌΠ°Π»ΠΎ, Ρ Π½Π°Ρ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΡΡΠΎΠ»Π±ΠΈΠΊ, ΠΊΠ°ΠΊ Π·Π°Π²Π΅ΡΠ°Π» Π΄Π΅Π΄ΡΡΠΊΠ° div, Π° Π½Π°ΠΌ Π±Ρ Π² ΡΡΡΠΎΡΠΊΡβ¦ Π‘Π΄Π΅Π»Π°Π΅ΠΌ ΠΏΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈ. Π’ΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΠΌΡ ΠΊΠ°ΠΆΠ΄ΡΡ Π½Π΅Π΄Π΅Π»Ρ Π½Π°Π·Π½Π°ΡΠΈΠ»ΠΈ flex ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ Π΄Π»Ρ Π΅Π΅ Π΄Π½Π΅ΠΉ. Π ΡΠ΅ΠΏΠ΅ΡΡ Π½Π°Ρ Π±Π»ΠΎΠΊ year Π½Π°Π·Π½Π°ΡΠΈΠΌ flex ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ Π΄Π»Ρ Π΅Π³ΠΎ ΠΌΠ΅ΡΡΡΠ΅Π². ΠΠΎΠ±Π°Π²ΠΈΠΌ ΡΡΠΈΠ»ΠΈ:
ΠΏΡΠΈΡΠΈΠ½Π° ΡΠ΅ΠΉ ΠΊΠ°ΡΠΈ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ flex Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΎΠ², Π° ΠΏΡΡΠ°Π΅ΡΡΡ Π²ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ Π² ΠΎΠ΄Π½Ρ ΡΡΡΠΎΡΠΊΡ, Π½Ρ ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠΆΠΈΠΌΠ°Π΅Ρ ΠΏΠΎΠΊΡΠ΄Π° ΡΠΈΠ» Ρ Π²Π°ΡΠ°Π΅Ρ, Π° ΠΈΡ Π½Π΅ Ρ Π²Π°ΡΠ°Π΅Ρ. Π§ΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ΅ΠΆΠΈΠΌ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΎΠ², Π½Π°Π΄ΠΎ Π² Π½Π°ΡΠ΅ΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ year Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ flex-wrap, ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΡΠΎ:
ΠΡ, ΡΡΡβ¦ ΡΠΈΠΏΠ° ΠΏΠΎΠ»ΡΡΡΠ΅ ΡΡΠ°Π»ΠΎ, Ρ ΠΎΡΡ Π± ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡ:
Π’ΡΡ Π²ΠΎΠ·Π΄ΡΡ ΠΌΠ°Π»ΠΎΠ²Π°ΡΠΎ, Π½ΠΎ Π½Π°ΠΌ ΠΊΡΡΠ°ΡΠΈ ΡΠ°ΠΊ Π΄Π°ΠΆΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½Π΅Π΅. ΠΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΡΠ²ΡΡΠ²ΡΡΡ ΡΠ΅Π±Ρ Π½ΠΎΡΠ±ΡΡ ΠΈ Π΄Π΅ΠΊΠ°Π±ΡΡ, Π½ΠΎ ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ Π·Π° ΡΠ°Π²Π΅Π½ΡΡΠ²ΠΎ, ΡΠΎ Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠΆΠΌΠ΅ΠΌ ΠΈΡ , ΡΡΠΎΠ±Ρ ΡΠΈΠ»ΡΠ½ΠΎ Π½Π΅ Π²ΡΠ΄Π΅Π»ΡΠ»ΠΈΡΡ.
Π§ΡΠΎΠ±Ρ ΡΠΆΠ°ΡΡ, Π½Π°Π΄ΠΎ ΡΠ±ΡΠ°ΡΡ flex-grow: 1 Ρ month, (ΡΠΎΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ, ΡΠ΅ΠΏΠ΅ΡΡ ΡΠ΄Π°Π»ΡΡΡ. ), ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΡΠ°ΡΡΡΠΆΠ΅Π½ΠΈΠ΅ Π² ΡΠ°ΠΌΠΊΠ°Ρ ΡΡΡΠΎΠΊΠΈ:
ΠΠ° ΡΠΎ ΠΊΠ°ΠΊ Π±ΡΠ΄ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ Π΄Π²Π° (Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π·Π° Π½ΠΈΡ ) Π²ΠΈΡΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ justify-content Π² ΡΡΠΈΠ»Π΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠ½ ΡΠ°Π²Π΅Π½ flex-start. ΠΠΎΠΆΠ½ΠΎ Π²ΡΡΠΎΠ²Π½ΡΡΡ Π² ΠΊΠΎΠ½Π΅Ρ.
ΠΠΎΡ Π³ΠΈΡΠΊΠ° Ρ ΡΠ°Π·Π½ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ:
Π’Π°ΠΊ ΠΊΠ°ΠΊ Ρ ΠΏΠ»Π°Π½ΠΈΡΡΡ, ΡΡΠΎ Ρ ΠΌΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ Π²ΡΠ΅Π³Π΄Π° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΌΠ΅ΡΡΡΠ΅Π² Π² ΡΡΡΠΎΠΊΠ΅, ΠΈ Ρ ΠΎΡΡ ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΈ Π²ΡΠ΅ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ, ΡΠΎ Ρ ΠΏΠΎΠΆΠ°Π»ΡΠΉ Π²Π΅ΡΠ½Ρ flex-grow: 1; ΠΎΠ±ΡΠ°ΡΠ½ΠΎ, ΠΈ Π΄ΠΎΠ±Π°Π²Π»Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΎΠ·Π΄ΡΡ Π°:
ΠΡΠ΅ ΡΠ°Π· Π²Π΅ΡΠ½ΡΡΡ ΠΊ justify-content ΠΈ flex-grow: 1. Π‘ΡΠ°Π²Π½ΠΈΡΠ΅ Π΄Π²Π΅ Π³ΠΈΡΠΊΠΈ, Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΉ Ρ month flex-grow = 1, Π½Π° Π²ΡΠΎΡΠΎΠΉ β ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ:
ΠΠ°ΠΊΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π²Π°ΠΌ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎ Π΄ΡΡΠ΅, ΡΠ΅ΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΌΠΈ.
ΠΠΎΠ±Π°Π²ΠΈΠΌ ΡΡΡΠΎΡΠΊΡ Ρ Π΄Π½ΡΠΌΠΈ Π½Π΅Π΄Π΅Π»ΠΈ. Π‘Π½Π°ΡΠ°Π»Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π²ΡΡΠΈΡΠ»ΠΈΠΌΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π² ΡΠΊΡΠΈΠΏΡ
Π° ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΠΌ ΠΈΡ Π² ΡΠ°Π±Π»ΠΎΠ½Π΅:
Π― Ρ ΠΎΡΡ ΡΡΠΎΠ±Ρ Π²ΠΎΡΠΊΡΠ΅ΡΠ΅Π½ΡΠ΅ Ρ ΠΌΠ΅Π½Ρ Π±ΡΠ»ΠΎ ΠΊΡΠ°ΡΠ½Π΅Π½ΡΠΊΠΎΠ΅, Π΄Π°Π²Π°ΠΉΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΡΠΈΠ»Ρ ΠΊ ΡΠ·Π»Ρ .day:
Π ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΠΎΠ΄ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΡΠ΅ΠΌ ΡΡΠΈΠ»ΠΈ, ΡΡΡΠΎΠΊ ΠΊΡΠ°ΡΠΎΡΡ Π½Π°Π²Π΅Π΄Π΅ΠΌ:
ΠΡ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΡΠΈΡ ΠΈ: Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΌΠ΅Π½ΡΡΡ Π³ΠΎΠ΄ ΠΈ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ flex.
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΠΌΡΡ Π½Π° App.vue ΡΠ°ΠΉΠ», ΠΈ ΠΎΡΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΡΠ΅ΠΌ ΡΠ°Π±Π»ΠΎΠ½:
Π΄ΠΎΠ±Π°Π²ΠΈΠ»Π°ΡΡ ΡΡΡΠΎΡΠΊΠ° Ρ Π³ΠΎΠ΄ΠΎΠΌ, ΠΏΠΎΠΊΠ°, ΠΊΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ, Π½Π΅ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ:
ΠΠΎΠ΄ΠΏΡΠ°Π²ΠΈΠΌ ΡΡΠΈΠ»ΠΈ Π² App.vue, ΡΠ±Π΅ΡΠ΅ΠΌ ΠΎΡΡΡΡΠΏΡ Π² body, ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ Π²ΡΡΠΎΡΡ html ΠΈ body Π½Π° Π²ΡΡ Π²ΡΡΠΎΡΡ ΠΎΠΊΠ½Π°, ΠΈ ΡΠ΄Π΅Π»Π°Π΅ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠΎΠΊΡΠ°ΡΠΈΠ²ΡΠ΅, Ρ Π½Π°ΠΌΠ΅ΡΠ΅Π½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π²Π° ΡΠ·Π»Π° style, ΠΎΠ΄ΠΈΠ½ Π΄Π»Ρ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π²ΡΠΎΡΠΎΠΉ Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ :
ΠΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π° flex Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π΄Π²ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² flex, ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°Π΅Ρ Π²ΡΡΠΎΡΡ Π²ΡΠ΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, Π° Π²ΡΠΎΡΠΎΠΉ, Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ flex-direction: column.
ΠΠ»Π°ΡΡΠ½ΠΎ, Π΄Π°? ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄Π°ΠΆΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΡΠ΅Ρ:
ΠΡ ΠΈ Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π³ΠΎΠ΄Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ:
ΠΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠΆΠ΅ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠΌΠΈ Π·Π½Π°Π½ΠΈΡΠΌΠΈ, ΠΈ ΡΠ΄Π΅Π»Π°Π΅ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π±ΠΎΠ»Π΅Π΅ flex-ΠΎΠ±ΡΠ°Π·Π½ΡΠΌ, ΠΏΡΠ°Π²ΠΈΠΌ ΡΡΠΈΠ»ΠΈ:
Π₯ΠΌβ¦ ΡΡΠΎ-ΡΠΎ ΡΡΡ Π½Π΅ ΡΠ°ΠΊ. Π§Π΅Ρ Π½Π°ΡΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΏΡΡΠΌ ΡΠ΄Π°Π²ΠΈΠ»ΠΎ ΠΈ Π²Π΅ΡΡΡΠΊΠ° ΠΏΠΎΠΏΠ»ΡΠ»Π°. Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ ΡΡΠΎ ΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ Π½Π΅ Π΄ΠΎ ΠΊΠΎΠ½ΡΠ° ΠΏΠΎΠ½ΡΠ» ΠΏΠΎΡΠ΅ΠΌΡ ΡΠ°ΠΊ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΎ. ΠΠΎ ΠΊΠ°ΠΊ Ρ ΠΏΠΎΠ»Π°Π³Π°Ρ, ΡΡΠΎ ΠΈΠ·-Π·Π° ΡΠΎΠ³ΠΎ ΡΡΠΎ display: flex Π·Π°Π΄Π°Π΅Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΡΡ Π²ΡΡΠΎΡΡ, ΠΈ Π½Π°Ρ ΠΎΠ΄ΡΡΡ Π²Π½ΡΡΡΠΈ Π΄ΡΡΠ³ΠΎΠ³ΠΎ flex ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΡΠ΅ΡΡΡ Π½Π° ΡΠ°Π·ΠΌΠ΅ΡΡ Π·Π°Π΄Π°Π½Π½ΡΠ΅ ΡΠ²ΠΎΠΈΠΌ ΡΠΎΠ΄ΠΈΡΠ΅Π»Π΅ΠΌ.
Π ΠΎΠ±ΡΠ΅ΠΌ, ΡΡΠΎΠ±Ρ ΡΡΠΎ Π²ΡΠ»Π΅ΡΠΈΡΡ, Π½Π°Π΄ΠΎ Π·Π°ΠΏΡΠ΅ΡΠΈΡΡ flex ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ Π²Π½ΡΡΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π°Ρ header ΡΠΆΠΈΠΌΠ°ΡΡ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ flex-shrink:
ΠΡ Π²ΠΎΡ ΠΈ Π²ΡΠ΅, ΡΠ΅ΠΏΠ΅ΡΡ Ρ Π²Π°Ρ Π΅ΡΡΡ flex-ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π½Π° Π»ΡΠ±ΠΎΠΉ Π³ΠΎΠ΄!
Π ΡΡΠΎ ΡΡΠ°ΡΡΠ΅ Π½Π΅ ΡΠ΄Π°Π»ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ flex, Π½ΠΎ ΠΎΠ±ΡΠΈΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌ, Π΄ΡΠΌΠ°Ρ, ΠΎΡΡΠ°Π·ΠΈΡΡ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ.
Π― Π½Π°Π΄Π΅ΡΡΡ, ΡΡΠΎ ΡΡΠ°ΡΡΡ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ΅ΠΌ, ΠΊΡΠΎ ΠΊΠ°ΠΊ ΠΈ Ρ Π·Π°ΡΡΡΡΠ» Π² css-Π²ΡΠ΅ΠΌΠ΅Π½Π°Ρ Π³Π΄Π΅-ΡΠΎ ΠΌΠ΅ΠΆΠ΄Ρ 3-ΠΌ ΠΈ 4-ΠΌ Π±ΡΡΡΡΡΠ°ΠΏΠΎΠΌ, ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ²ΠΎΠΈ ΠΏΠ΅ΡΠ²ΡΠ΅ ΡΠ°Π³ΠΈ Π½Π°Π²ΡΡΡΠ΅ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌΡ css.
ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π½Π° ΡΠ°ΠΉΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Jalendar 2
Russian (PΡΡΡΠΊΠΈΠΉ) translation by Ellen Nelson (you can also view the original English article)
ΠΠ° Π»ΡΠ±ΠΎΠΌ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ Π΅ΡΡΡ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡ Π² ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅. ΠΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ½ΡΠΌΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌΠΈ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ. ΠΠ½ΠΈ ΡΠ°ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΎΠ΄Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ (CMS). ΠΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ Π½Π° Π΄ΡΡΠ³ΡΡ, ΠΎΠ½ΠΈ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠ°ΠΉΡ ΡΠΎ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ ΠΈΠ»ΠΈ ΡΠ²ΠΎΠ΅ΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΠΉ CMS, ΡΠΎ Π²Π°ΠΌ ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. ΠΡΠΎ Π±ΡΠ»Π° ΠΌΠΎΡ Π΄ΠΈΠ»Π΅ΠΌΠΌΠ° Ρ CMS GoPress, ΠΊΠΎΡΠΎΡΡΡ Ρ Π½Π°ΠΏΠΈΡΠ°Π». ΠΠ°ΡΠ΅ΠΌ Π½Π° CodeCanyon Ρ Π½Π°ΡΠ΅Π» Jalendar 2.
ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΈ ΡΠ°ΡΠΏΠ°ΠΊΠΎΠ²ΠΊΠ°
ΠΠ΅ΡΠ²ΠΎΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΡΠΎ ΠΊΡΠΏΠΈΡΡ Jalendar 2 Π½Π° CodeCanyon.
Jalendar 2
ΠΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ZIP-ΡΠ°ΠΉΠ»Π° Jalendar 2 ΡΠ°ΡΠΏΠ°ΠΊΡΠΉΡΠ΅ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠΉ ΡΠ°Π±ΠΎΡΠΈΠΉ ΠΊΠ°ΡΠ°Π»ΠΎΠ³. Π€Π°ΠΉΠ» zip Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°ΠΉΠ»Ρ:
Π Π²Π΅ΡΡ Π½Π΅ΠΌ ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π΅ Π΅ΡΡΡ Π΄Π²Π΅ ΠΏΠ°ΠΏΠΊΠΈ (js ΠΈ style) ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ HTML ΡΠ°ΠΉΠ»ΠΎΠ². ΠΠ°ΡΠ°Π»ΠΎΠ³ js ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ JavaScript Π΄Π»Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Jalendar 2. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²Π΅ΡΡΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ.
ΠΠ°Π·ΠΎΠ²ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
Π ΠΊΠΎΡΠ½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°ΠΉΠ» Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Basic.html ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ ΡΡΠ΄Π° ΡΡΠΎΡ ΠΊΠΎΠ΄:
Π‘ΡΡΠΎΠΊΠΈ Ρ 17 ΠΏΠΎ 19 ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ JavaScript ΠΊΠΎΠ΄ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. ΠΠ»Ρ ΠΏΠΎΠΈΡΠΊΠ° id div’Π° ΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π½Π° Π½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΈ jalendar() ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ jQuery.
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Jalendar ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎΠ³Π΄Π° Π²Ρ Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΡΡΠΎΡ ΡΠ°ΠΉΠ» Π² ΡΠ²ΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΏΡΠΈΡΡΠ½ΠΎΠ³ΠΎ ΡΠΈΠ½Π΅Π³ΠΎ ΡΠ²Π΅ΡΠ°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ΅Π»ΠΊΠΈ Π²Π²Π΅ΡΡ Ρ, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌΡ ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌΡ ΠΌΠ΅ΡΡΡΡ. ΠΡΠΎΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π±ΡΠ΄Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠ°ΠΉΡΠ΅!
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΠΉ
ΠΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ Π² ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ. Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ΅ΡΠΈΡ div ‘ΠΎΠ² ΡΠΎΠ±ΡΡΠΈΠΉ Π²Π½ΡΡΡΠΈ div ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. div ΡΠΎΠ±ΡΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π²ΠΎΡ ΡΠ°ΠΊ:
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅.
Π‘ΠΎΠ±ΡΡΠΈΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ, Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΠ»ΠΈ, Π²Π½ΠΈΠ·Ρ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΊΡΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΠ±ΡΡΠΈΠΉ Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Close Π²Π½ΠΈΠ·Ρ.
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Jalendar 2
ΠΠΎΠΊΠ° ΡΡΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠΎΠ»ΡΠΊΠΎ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Jalendar 2. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ Ρ 17 ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ. ΠΠΎΠ»Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Jalendar 2.
ΠΠ΅ΡΠ²ΠΎΠ΅ ΡΡΠΎ Ρ ΡΠΎΠ±ΠΈΡΠ°ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΡΠΎ ΠΏΠΎΠ΄ΡΡΡΠΎΠΈΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π²ΠΎΡ ΠΌΠΎΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ. ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ²Π΅Ρ ΠΌΠΎΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° β ΠΊΠΎΡΠΈΡΠ½Π΅Π²ΡΠΉ. ΠΠ½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΡΠΎΡ Π³ΠΎΠ»ΡΠ±ΠΎΠΉ, Π½ΠΎ ΡΠ»Π΅Π³ΠΊΠ° Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ. ΠΠ΅Π½ΡΠ΅ΠΌ ΠΊΠΎΠ΄ ΡΠΊΡΠΈΠΏΡΠ° Π½Π°:
Jalendar Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ
Π‘ ΡΡΠΈΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ, Ρ Π±Π»ΠΈΠ·ΠΎΠΊ ΠΊ ΡΠΎΠΌΡ Π²ΠΈΠ΄Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠ½Π΅ Π½ΡΠΆΠ΅Π½. ΠΠΎ Ρ Ρ ΠΎΡΡ ΡΡΠΎΠ±Ρ ΡΠ³Π»Ρ Π±ΡΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅Ρ ΠΎΠΏΡΠΈΠΈ, Π½ΠΎ Ρ ΠΌΠΎΠ³Ρ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΠΏΠ΅ΠΊΡΠΎΡΠ°.
Jalendar Ρ ΠΌΠΎΠΈΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ
Jalendar Ρ ΠΌΠΎΠΈΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠ±ΡΠ°Π½Π½ΡΠ΅ CSS ΡΠ²ΠΎΠΉΡΡΠ²Π°. ΠΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠΉ CSS ΡΠ°ΠΉΠ» Π±ΡΠ΄Π΅Ρ ΠΏΠΎΡΠ»ΠΎΠΆΠ½Π΅Π΅. Π’Π°ΠΊΠΆΠ΅, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄Π΅ΡΠΆΠ°ΡΡ Π²Π°ΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ. ΠΡΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΎΠ²ΡΡ Π²Π΅ΡΡΠΈΡ, Π²Ρ Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΡΠ΄Π΅Π»Π°Π»ΠΈ.
ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡ ΠΏΠΎΠ΄ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ goPress
Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ ΡΠ΄Π΅Π»Π°Π» ΡΠ°ΠΊΠΎΠΉ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄, ΠΊΠ°ΠΊΠΎΠΉ Ρ Ρ ΠΎΡΡ, Ρ ΠΌΠΎΠ³Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅Π³ΠΎ Π½Π° ΡΠ²ΠΎΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° Ρ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΠ» ΠΊΠΎΠΏΠΈΡ ΠΌΠΎΠ΅Π³ΠΎ goPress ΡΠ΅ΡΠ²Π΅ΡΠ° Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Ρ ΠΌΠΎΠ΅ΠΉ ΡΠ΅ΠΌΠΎΠΉ ΡΠ°ΠΉΡΠ°. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ΡΡ ΠΊ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Ρ goPress Server ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅ΡΠ²Π΅ΡΠ°.
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π² ΡΠ°ΠΉΠ» site/parts/sidebar.html :
ΠΠΎΠ΄ SyntaxHighlighter.all() Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΠΊΠΎΠ΄Π° Π²ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Ρ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π» ΠΈΠ· ΠΊΠΎΠ΄Π° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Jalendar 2, ΠΈΠ· ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅Π³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π°.
Π’Π΅ΡΡΠΎΠ²ΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ Ρ Jalendar 2
ΠΠΎΠ³Π΄Π° Π²Ρ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΠ΅ ΡΠ΅ΡΠ²Π΅Ρ goPress, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π²ΡΡΠ΅. ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ, ΠΎΡΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΠΎ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅, Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ ΠΏΠΎΠ΄ΡΡΠ°ΡΡ ΡΠ΅ΠΌΠ΅.
ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π²ΡΠ±ΠΎΡ Π΄Π°ΡΡ (Date Picker)
ΠΡΠ΅ΠΌΠ΅Π½Π°ΠΌΠΈ, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΡΡΠ΅Π±ΠΎΠ²Π°ΡΡΡΡ Π²ΡΠ±ΠΎΡ Π΄Π°ΡΡ, ΠΏΡΡΠΌΠΎ Π½Π° Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. Jalendar 2 ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ. Π ΡΠ°ΠΉΠ» site/main.html Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΡΠΎΠΊΠΈ:
Π Π·Π°ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π² ΡΠ°ΠΉΠ» site/js/02-site.js :
ΠΡΠΎΡ ΠΊΠΎΠ΄ ΠΈΠ΄ΡΡ ΠΏΡΡΠΌΠΎ ΠΏΠΎΡΠ»Π΅ ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π² Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ type ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π² selector Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ° Π΄Π°ΡΡ. Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ selectingBeforeToday ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π² false. ΠΡΠΎ Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π΅ ΡΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ±ΡΠ°ΡΡ Π΄Π°ΡΡ Π΄ΠΎ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π΄Π°ΡΡ. ΠΡΠ»ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Ρ selectionAfterToday ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true. ΠΡΠΎ Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ Π΄Π°ΡΡ ΠΏΠΎΡΠ»Π΅ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π΄Π°ΡΡ.
Π’Π΅ΡΡΠΎΠ²ΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ Ρ Jalendar 2
Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅, Π²ΡΠ±ΠΎΡΡΠΈΠΊ Π΄Π°ΡΡ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅, ΠΊΠ°ΠΊ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠ±ΠΎΠΊΡ. ΠΡΡΡ Π΄Π²Π° ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΎΡΠ»ΠΈΡΠΈΡ. ΠΠ½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ΅ΠΊΡΡΡΡ Π΄Π°ΡΡ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π°ΡΡ ΠΏΠΎΡΠ»Π΅ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π΄Π°ΡΡ. ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ Π΄Π°ΡΡ, ΠΎΠ½Π° ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅ Π½Π°Π΄ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ΠΌ.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
Π‘ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ Π½Π° Π²Π°Ρ Π²Π΅Π±-ΡΠ°ΠΉΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ. Jalendar 2 ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΡΠ΅ΡΡΡ Ρ Π»ΡΠ±ΡΠΌΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°ΠΌΠΈ ΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΎ. Π’Π΅ΠΏΠ΅ΡΡ, Π²Π°ΠΌ ΠΎΡΡΠ°Π»ΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅Π³ΠΎ Π½Π° Π²Π°Ρ Π²Π΅Π±-ΡΠ°ΠΉΡ. ΠΠ° CodeCanyon Π΅ΡΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΡΡΡΡΠ΅ΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π° Π²Π°Ρ ΡΠ°ΠΉΡ.
ΠΠΠΠΠΠΠΠ Π¬
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠ°Π½Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° ΡΠΎΠ·Π΄Π°Π» Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ
Π½Π°Π²ΡΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript. ΠΠΎΠΊΠ°Π·ΡΠ²Π°Ρ ΡΠ°Π±ΠΎΡΡ ΠΊΠΎΠ΄Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ, ΡΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΡΡΠΎΠΉ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
Π‘Π΄Π΅Π»Π°Π» Π΅Π³ΠΎ Π½Π°ΡΠ°Π»ΠΎ Ρ 2010 Π³ΠΎΠ΄Π°, ΠΈ ΠΏΠΎ 2021 Π³ΠΎΠ΄ Π²ΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ.
Π₯ΠΎΡΠΎΡΠΈΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
ΠΡΠΈ ΡΡΠ°ΡΡΠ΅: ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ΅ΠΊΡΡΠΈΠΉ Π³ΠΎΠ΄, ΠΌΠ΅ΡΡΡ ΠΈ Π΄Π΅Π½Ρ (Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°Π» Π±ΠΈΡΡΠ·ΠΎΠ²ΡΠΌ).
ΠΡΠΎΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Ρ ΠΎΡΠΎΡ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°ΡΡ, ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π½Π΅ΠΉ Π² ΠΌΠ΅ΡΡΡΠ΅, ΠΈ ΠΊΠ°ΠΊΠΈΠΌΠΈ Π΄Π½ΡΠΌΠΈ Π½Π΅Π΄Π΅Π»ΠΈ Π±ΡΠ΄ΡΡ ΡΠΈΡΠ»Π° Π² Π²ΡΠ±ΡΠ°Π½Π½ΡΡ ΠΌΠ΅ΡΡΡΠ°Ρ ΠΈ Π³ΠΎΠ΄Π°Ρ , ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡ Π½ΡΠΆΠ½ΡΡ Π΄Π°ΡΡ.
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
ΠΡΠΎΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΈΠΌΠ΅Π΅Ρ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π² ΠΊΠΎΠ΄Π΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠ°ΠΊ ΡΠ³ΠΎΠ΄Π½ΠΎ.
Π Π½ΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΡΠ΅ΠΊΡΡΠ΅Π΅ ΡΠΈΡΠ»ΠΎ Π²ΡΠ΄Π΅Π»ΡΠ»ΠΎΡΡ Π½Π΅ Π±ΠΈΡΡΠ·ΠΎΠ²ΡΠΌ («aqua»), Π° Π»ΡΠ±ΡΠΌ Π΄ΡΡΠ³ΠΈΠΌ, ΠΊΠ°ΠΊΠΈΠΌ ΡΠΎΠ»ΡΠΊΠΎ Π·Π°Ρ ΠΎΡΠ΅ΡΡΡ ΡΠ²Π΅ΡΠΎΠΌ.
ΠΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠΊΠ°Π·Π°Π», Π½Π°ΡΠΈΠ½Π°Ρ Ρ ΠΠΠΠ¦Π Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΡ!
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΌΠ΅Π½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ² Π² ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ ΡΡΡΠΎΡΠΊΠ΅ ΠΊΠΎΠ΄Π° ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ, ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΌ ΠΏΠΎΠ΄ Π»ΡΠ±ΠΎΠΉ ΡΠ°ΠΉΡ.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
Π§ΡΠΎΠ±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ, Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π΄Π²Π° JavaScript-ΠΊΠΎΠ΄Π°.
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ «Π²ΡΠ½Π΅ΡΡΠΈ» ΡΡΠΎΡ ΠΊΠΎΠ΄ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ js-ΡΠ°ΠΉΠ», ΡΡΠΎΠ± Π½Π΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, Π° ΠΏΡΠΎΡΡΠΎ «ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°ΡΡ» Π΅Π³ΠΎ Π½Π° Π½ΡΠΆΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠΊΠ°Ρ ΡΠ°ΠΉΡΠ°.
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Ρ ΡΠ°ΠΊ ΠΈ ΡΠ΄Π΅Π»Π°Π», ΠΈ ΠΊΠΎΠ΄ ΠΌΠΎΠ΅Π³ΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ «ΠΆΠΈΠ²ΡΡ» Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π΅.
**Prim. Π‘ΠΊΠ°ΡΠ°ΡΡ ΡΠ΅Π±Π΅ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΡΡΠΎΡ ΡΠ°ΠΌΡΠΉ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠΊΡΠΈΠΏΡ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΌΠ΅Π½Ρ ΠΆΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ «ΠΠΎΠ»Π΅Π·Π½ΠΎΠ΅» ΠΈΠ· ΠΏΠΎΠ΄ΡΠ°Π·Π΄Π΅Π»Π° «ΠΠΎΠ»Π΅Π·Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ JavaScript ΠΈ jQuery».
ΠΡΠΎΠΏΠΈΡΡΠ²Π°Π½ΠΈΠ΅ JavaScript-ΠΊΠΎΠ΄ΠΎΠ²
ΠΠ°ΠΆΠ½ΠΎ!
Π ΠΎΠ΄Π½Ρ ΡΡΡΠΎΠΊΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡ ΡΡΡΠΎΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡΡΡ Π½Π° Π·Π½Π°ΠΊ » + «, Π»ΠΈΠ±ΠΎ » ‘ «, ΠΈΠ»ΠΈ » = «.
ΠΡΠ΅ΡΡΠ΄Π½ΠΎΡΡΡ ΠΊΠΎΠ΄ΠΎΠ² ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ
ΠΡΡΠ³ΠΈΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΡΠΎΠΌΠ΅ ΡΠΏΠΎΠΌΡΠ½ΡΡΡΡ
Π·Π΄Π΅ΡΡ, Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°, Π΅ΡΡΡ, ΡΠ°Π·ΡΠΌΠ΅Π΅ΡΡΡ, ΠΈ Π΄ΡΡΠ³ΠΈΠ΅.
Π‘Π΅ΠΉΡΠ°Ρ, ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ, Π»ΡΠ±ΠΎΠΉ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊ, Π±ΡΠ΄Ρ ΡΠΎ «Yandex», «Mail», ΠΈΠ»ΠΈ «Google», Π΄Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΠΊ ΡΠ°ΠΉΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΡΠ°Π²ΠΈΡΡ Π½Π° ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½ΠΈ Π΄Π°ΡΡ Π»ΡΠ±ΠΎΠΌΡ ΠΆΠ΅Π»Π°ΡΡΠ΅ΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΡΠΉ.
ΠΠ΄Π½Π°ΠΊΠΎ! ΠΡΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡΡ! ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°Π½Π½ΡΠΉ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠΏΠΎΡΠΎΠ± ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° «ΡΡΡΠ½ΡΡ » ΡΠ°ΠΉΡΠ°Ρ , Ρ.Π΅. ΡΠ΄Π΅Π»Π°Π½Π½ΡΡ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΠΠ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²ΡΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠΎΠ², ΠΈ Π²ΡΡΠΊΠΈΡ ΡΠ°ΠΌ ΡΠ°Π·Π½ΡΡ CMS.
ΠΡΠΈΠΌΠ΅ΡΡ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°Π½Ρ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ, ΠΈ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ ΠΠΠ― ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ JavaScript!
Π‘ΡΡΠ΅Π»ΠΊΠ° «ΠΠΠΠΠ» Π²Π΅ΡΠ½ΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΠΎ Π² ΡΠ°Π·Π΄Π΅Π» «JavaScript» Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠΉ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
ΠΡΡΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ JavaScript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ΠΉ
Π₯ΠΎΡΠ΅ΡΡ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ²ΠΎΠΈ Π·Π½Π°Π½ΠΈΡ ΠΏΠΎ JS?
ΠΠΎΠ΄ΠΏΠΈΡΠΈΡΡ Π½Π° Π½Π°Ρ ΠΊΠ°Π½Π°Π» Ρ ΡΠ΅ΡΡΠ°ΠΌΠΈ ΠΏΠΎ JS Π² Telegram!
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΠ°ΡΡΠΈ Β«Top JavaScript calendar pluginsΒ».
ΠΠ°Π»Π΅Π½Π΄Π°ΡΠΈ ΡΡΠΎ Π²Π°ΠΆΠ½Π°Ρ ΡΠ°ΡΡΡ Π½Π°ΡΠ΅ΠΉ ΠΆΠΈΠ·Π½ΠΈ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π»ΡΠ΄ΠΈ, Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ, ΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΈΠΌΠΈ Π² ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. ΠΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π³Π΄Π΅ ΡΠ³ΠΎΠ΄Π½ΠΎ, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π·Π°ΠΊΠ°Π·Π° Π±ΠΈΠ»Π΅ΡΠΎΠ², Π΄Π»Ρ ΠΏΡΡΠ΅ΡΠ΅ΡΡΠ²ΠΈΠΉ, Π΄Π»Ρ ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½ΡΠ° ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² ΠΈ Ρ. ΠΏ.
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠ°ΠΉΡΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° Π΄Π°ΡΡ ΠΏΡΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΎΡΠΌΡ.
ΠΠ΅ΡΠΎΠΌΠ½Π΅Π½Π½ΠΎ, ΡΡΠΎΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΡΠΌ Π΄Π»Ρ Π±ΠΈΠ·Π½Π΅Ρ-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π’ΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅, ΠΊ ΠΊΠ°ΠΊΠΈΠΌ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΠ²ΠΈΡΠΌ Π΄Π»Ρ Π±ΠΈΠ·Π½Π΅ΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΏΠ»ΠΎΡ ΠΎ Π½Π°ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΠΈΠ»ΠΈ ΠΏΠ»ΠΎΡ ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ.
Π ΠΎΠ±ΡΠ΅ΠΌ, ΡΠ°ΠΊΠΎΠΉ Π²Π΅ΡΠΈ ΠΊΠ°ΠΊ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ΄Π΅Π»ΠΈΡΡ ΠΎΡΠΎΠ±ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ ΡΠ°ΠΉΡΠ°.
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΊΡΠΈΡΠ΅ΡΠΈΠΈ ΠΎΡΠ±ΠΎΡΠ° Ρ ΠΎΡΠΎΡΠ΅Π³ΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π΄Π»Ρ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π’Π°ΠΊΠΆΠ΅ ΠΌΡ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌ Π²Π°Ρ Ρ Π»ΡΡΡΠΈΠΌΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°Ρ , Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ.
Π§Π΅ΠΌ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ Ρ ΠΎΡΠΎΡΠΈΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π΄Π»Ρ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ?
ΠΡ ΡΠ°Π·Π΄Π΅Π»ΠΈΠ»ΠΈ Π½Π°ΡΠΈ ΠΊΡΠΈΡΠ΅ΡΠΈΠΈ ΠΎΡΠ΅Π½ΠΊΠΈ Π½Π° 4 Π±Π»ΠΎΠΊΠ°:
Π’ΠΎΠΏ Β«ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ½ΡΡ Β» Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ
ΠΡ Π²ΠΊΠ»ΡΡΠΈΠ»ΠΈ Π² Π½Π°Ρ ΡΠΏΠΈΡΠΎΠΊ ΡΠ°Π·Π½ΡΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ½ΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π° React, Angular, Vue, Bootstrap ΠΈ jQuery. ΠΠ΄Π½ΠΈ ΠΈΠ· Π½ΠΈΡ Π±ΠΎΠ»Π΅Π΅ Π±ΠΎΠ³Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ, Π΄ΡΡΠ³ΠΈΠ΅ Π»Π΅Π³ΡΠ΅ ΠΊΠ°ΡΡΠΎΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ. ΠΠ°Π΄Π΅Π΅ΠΌΡΡ, ΡΡΠΎΡ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ Π² Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±ΠΎΡΠ΅.
Fullcalendar.io
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 9400
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: https://fullcalendar.io/
Github: https://github.com/fullcalendar/fullcalendar
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: NPM, Yarn
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: React, Vue, Angular
Π₯ΠΎΡΠΎΡΠΈΠΉ Π²ΡΠ±ΠΎΡ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ Π·Π½Π°Π΅Ρ, ΡΠ΅Π³ΠΎ Ρ ΠΎΡΠ΅Ρ. ΠΠ΄Π΅ΡΡ Π½Π΅Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π±Ρ ΠΎΠΏΠΈΡΡΠ²Π°Π»ΠΎΡΡ, ΠΊΠ°ΠΊ Π΄ΠΎΡΡΠΈΡΡ ΡΠ΅Π»ΠΈ. ΠΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΡΠΎΡΠΊΠΈΠΉ Getting Started Guide ΠΈ ΡΡΡΠ°Π½ΠΈΡΠ° Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ.
ΠΡΠ° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΠΎΡΡΡΡ. ΠΠ½Π° Ρ ΠΎΡΠΎΡΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². Π‘Π°ΠΉΡ, Π΄Π΅ΠΌΠΊΠΈ ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠ°ΠΊ Π·ΡΠ΅Π»ΡΠΉ, Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ, ΠΊΠΎΡΠΎΡΡΠΌ Π½Π΅ ΡΡΡΠ°ΡΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ.
Π ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΡΡΡΡΡ ΠΈ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ. ΠΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡ Ρ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡΠΊΠ°Π»ΠΎΠΉ ΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ΅ΠΌΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ.
Π‘ΠΎΠ»ΠΈΠ΄Π½ΡΠΉ ΠΏΠ»ΡΡ β Π½Π°Π»ΠΈΡΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π² React, Vue ΠΈ Angular.
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Tui
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 7328
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: http://ui.toast.com/tui-calendar
Github: https://github.com/nhn/tui.calendar
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ° ΠΏΠ°ΠΊΠ΅ΡΠΎΠ² ΠΈΠ»ΠΈ CDN
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: React, Vue, Angular wrappers
Tui ΡΡΠΎ ΡΠ°ΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ TUI. ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠΎΠ·Π΄Π°Π½ Π½Π° Π±Π°Π·Π΅ jquery, Π½ΠΎ Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²ΡΠ°ΠΏΠΏΠ΅ΡΠΎΠ² React, Angular ΠΈ Vue. Π ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ Π΄Π΅Π½Ρ, Π½Π΅Π΄Π΅Π»Ρ, ΠΌΠ΅ΡΡΡ (6 Π½Π΅Π΄Π΅Π»Ρ, 2 Π½Π΅Π΄Π΅Π»ΠΈ, 3 Π½Π΅Π΄Π΅Π»ΠΈ). ΠΡΡΡ Ρ ΠΎΡΠΎΡΠ°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΌΠ΅ΡΠΊΠ°ΠΌΠΈ ΠΈ ΡΠ°ΡΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ Π·Π°Π΄Π°Ρ. ΠΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΠΏΠ΅ΡΠ²ΡΠΉ Π΄Π΅Π½Ρ Π½Π΅Π΄Π΅Π»ΠΈ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π°ΡΡ.
ΠΡΠΎΡ ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠ² ΠΏΠ°ΠΊΠ΅ΡΠΎΠ² ΠΈΠ»ΠΈ Content Delivery Network.
CLNDR
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 2760
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: http://kylestetz.github.io/CLNDR/
Github: https://github.com/kylestetz/CLNDR
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠ² ΠΏΠ°ΠΊΠ΅ΡΠΎΠ² ΠΈΠ»ΠΈ CDN
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: React, Vue, Angular wrappers
CLNDR.js ΡΡΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ½ΡΠΉ jQuery-ΠΏΠ»Π°Π³ΠΈΠ½. Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΎΠ½ Π½Π΅ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ Π²Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ Underscore.js HTML-ΡΠ°Π±Π»ΠΎΠ½, Π° Π² ΠΎΡΠ²Π΅Ρ CLNDR ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π°ΠΌ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π΄Π°Π½Π½ΡΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² Π½Π΅ΠΌ. HTML-ΡΠ°Π±Π»ΠΎΠ½Ρ Ρ ΠΎΡΠΎΡΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΡΡΠΎΠΉ Π·Π°Π΄Π°ΡΠΈ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ²ΠΎΠ΅ΠΉ Π³ΠΈΠ±ΠΊΠΎΡΡΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠ΅ΠΉ Π½Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ, Π³Π΄Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² Π½Π°ΡΠ΅ΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ ΠΌΡ Ρ ΠΎΡΠΈΠΌ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅.
CLNDR Π±Π΅ΡΠ΅Ρ Π²Π°Ρ ΡΠ°Π±Π»ΠΎΠ½ ΠΈ Π²ΡΡΠ°Π²Π»ΡΠ΅Ρ Π² Π½Π΅Π³ΠΎ Π΄Π°Π½Π½ΡΠ΅. ΠΡΠΈ Π΄Π°Π½Π½ΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π²ΡΠ΅, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ.
Kendo UI Scheduler
Kendo UI ΡΡΠΎ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΈ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π·Π²ΠΈΡΡΠΉ JavaScript-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ. ΠΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ² ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌΠΈ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°, ΠΏΠΎΠΌΠΈΠΌΠΎ Scheduler Widget, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ ΡΡΠΎΠΈΡ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Kendo UI Π½Π°ΠΏΠΈΡΠ°Π½Π° Ρ ΠΎΡΠΎΡΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π΅ΠΌΠΎΠΊ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΊΠΎΠ΄Π°. ΠΡΡΠ°ΡΠΈ ΠΎ ΠΊΠΎΠ΄Π΅: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²ΡΠΈΠΊΠ° ΡΠ°ΡΠΏΠΈΡΠ°Π½ΠΈΡ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π½Π΅Π³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π° Π½Π΅ ΠΎΡΠ½ΠΈΠΌΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎΠΉ, Π½ΠΎ ΡΡΠΎ Π»Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ.
React big calendar
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 3254
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: http://intljusticemission.github.io/react-big-calendar/examples/index.html
Github: https://github.com/intljusticemission/react-big-calendar
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΡ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ²
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: React
React big calendar (Β«Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ReactΒ») ΡΡΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ, ΠΏΠΎΡΡΡΠΎΠ΅Π½Π½ΡΠΉ Π΄Π»Ρ React. ΠΠ½ ΡΠΎΠ·Π΄Π°Π½ Π² ΡΠ°ΡΡΠ΅ΡΠ΅ Π½Π° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ (ΡΠΈΡΠ°ΠΉ: IE10+) ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ flexbox ΠΏΠΎΠ²Π΅ΡΡ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π° tables-ception.
Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΡΠΎΡΠΌΠ°ΡΠ° Π΄Π°ΡΡ ΠΈ ΠΊΡΠ»ΡΡΡΡΠ½ΠΎΠΉ Π»ΠΎΠΊΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ, Π² React big calendar ΡΡΠΈ Π²Π΅ΡΠΈ Π·Π°Π²ΠΈΡΡΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡΡ ΠΈΠ· Π΄Π²ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ Π΄Π°ΡΡ ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π²Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅ΡΠ΅: Moment.js ΠΈΠ»ΠΈ Globalize.js.
ΠΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π³ΠΎΡΠΎΠ²ΡΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ΠΌ, Β«ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈΒ», Π²ΠΊΠ»ΡΡΠ°ΡΡΠΈΠΌ ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ CSS-ΡΠ°ΠΉΠ»Ρ. ΠΠΎ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°ΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΏΠΎΠ΄ ΡΡΠΈΠ»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² React big calendar Π²ΠΊΠ»ΡΡΠ΅Π½Ρ ΡΠ°ΠΉΠ»Ρ SASS. Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ SASS ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°ΠΉΠ» Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ ΡΠ²Π΅ΡΠ° ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° β ΡΡΠΎΡ ΡΠ°ΠΉΠ» Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ.
ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Mobiscroll
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Mobiscroll ΡΡΠΎ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ ΠΌΡΠ»ΡΡΠΈΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ²ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ .
Π ΡΡΠΎΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ Π²ΡΠ±ΠΈΡΠ°ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π½ΠΈ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡ, Π½ΠΎ ΠΈ ΡΠ΅Π»ΡΠ΅ Π½Π΅Π΄Π΅Π»ΠΈ. Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π»Π΅Π³ΠΊΠΎ ΠΌΠ΅Π½ΡΡΡ ΠΌΠ΅ΡΡΡ ΠΈ Π³ΠΎΠ΄, Π±Π΅Π· Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΠΎΠ³ΠΎ ΡΠ²Π°ΠΉΠΏΠΈΠ½Π³Π°.
Mobiscroll ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π΄Π²Π° ΠΈΠ»ΠΈ ΡΡΠΈ ΠΌΠ΅ΡΡΡΠ° ΠΏΠΎΠ΄ΡΡΠ΄ β Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΌΠ΅ΡΡΡΠ΅Π². Π ΡΡΠ΅ΠΉΠΊΠ°Ρ Π΄Π½Π΅ΠΉ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Mobiscroll, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΡΡ Π΄Π½ΠΈ, ΠΈΠΌΠ΅ΡΡΠΈΠ΅ ΠΎΡΠΎΠ±ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. Π ΡΡΠΎΠ±Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, ΡΠ΅ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ Π²Π°ΠΆΠ΅Π½ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ Π΄Π΅Π½Ρ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π½Π°ΡΠΊΠΈ ΠΈ ΡΠ΅ΠΊΡΡ.
ΠΡΠΎΠ΄ΡΠΊΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π»ΠΎΠΊΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΠ·ΡΡΠ½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ UI Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌΠΈ ΠΊΡΠ»ΡΡΡΡΠ½ΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ. Π’Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡΡΠ΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ RTL.
React-ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Syncfusion
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Syncfusion ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π°ΡΡ ΠΈ Π΄Π½Π΅ΠΉ Π½Π΅Π΄Π΅Π»ΠΈ. ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΏΡΠΎΡΠΌΠΎΡΡΠ° β ΠΌΠ΅ΡΡΡ, Π³ΠΎΠ΄, Π΄Π΅ΡΡΡΠΈΠ»Π΅ΡΠΈΠ΅ β Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° ΠΊ Π½ΡΠΆΠ½ΠΎΠΉ Π΄Π°ΡΠ΅. ΠΠ»Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Π²ΡΠ±ΠΎΡΠ° Π΄Π°ΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠ΅ ΠΈ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ Π·Π°ΠΏΡΠ΅ΡΠ΅Π½Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π°Ρ. ΠΡΠΎΠ΄ΡΠΊΡ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΡΠΉ ΠΈ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ.
Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅ΠΌ, Π²ΠΊΠ»ΡΡΠ°Ρ Material design. ΠΠΎΠΌΠΈΠΌΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ, Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠΉ ΡΠ΅ΠΌΡ, ΡΡΠΎΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠΎΠ»Π½ΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ ΡΠ²ΠΎΠΈΠΌ Π²ΠΈΠ΄ΠΎΠΌ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°ΡΡ Π΅Π³ΠΎ ΠΏΠΎΠ΄ ΡΡΠΈΠ»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Angular
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 1662
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: https://mattlewis92.github.io/angular-calendar/#/kitchen-sink
Github: https://github.com/mattlewis92/angular-calendar
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ²
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: Angular
ΠΡΠΎΡ ΠΏΡΠΎΠ΄ΡΠΊΡ β ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π΄Π»Ρ Angular 6.0+. ΠΠΎΠΆΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ Π΄Π»Ρ ΠΌΠ΅ΡΡΡΠ°, Π½Π΅Π΄Π΅Π»ΠΈ ΠΈΠ»ΠΈ Π΄Π½Ρ. Π¨Π°Π±Π»ΠΎΠ½ ΠΎΡΠ΅Π½Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΠ΅Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠ° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π½Π΅ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π° Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ.
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Bootstrap
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 2867
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: http://bootstrap-calendar.eivissapp.com/
Github: https://github.com/Serhioromano/bootstrap-calendar
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ²
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: Bootstrap
ΠΠΎΠ»Π½ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Π½Π° Π±Π°Π·Π΅ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΠ³ΠΎ HTML-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Twitter Bootstrap. ΠΡΠΎΡ ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡΠ°ΡΠ½ΠΎ (ΠΈΠΌΠ΅Π΅ΡΡΡ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ Π² Π½Π΅ΠΌ Π½Π΅Ρ UI). ΠΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΈΠ»ΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ ΡΠ΄Π΅Π»Π°Π½Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ Π΄ΡΡΠ³ ΠΎΡ Π΄ΡΡΠ³Π°. Π ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΠΈΡΠΎΠ³Π΅ Ρ Π²Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π²Π°Ρ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ.
ΠΠΎ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠ΅ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ Π½Π° ΡΠ°Π±Π»ΠΎΠ½Π°Ρ : ΡΠ°Π±Π»ΠΎΠ½Ρ Π»Π΅ΠΆΠ°Ρ Π² ΠΎΡΠ½ΠΎΠ²Π΅ Π²ΡΠ΅Ρ Π²ΠΈΠ΄ΠΎΠ² ΠΏΡΠΎΡΠΌΠΎΡΡΠ°, Π²ΠΊΠ»ΡΡΠ°Ρ Π³ΠΎΠ΄, ΠΌΠ΅ΡΡΡ, Π½Π΅Π΄Π΅Π»Ρ ΠΈ Π΄Π΅Π½Ρ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Ρ Π»Π΅Π³ΠΊΠΎΡΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²ΠΈΠ΄ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΡΡΠΈΠ»Ρ, ΠΈ Π΄Π°ΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½ΠΎΠ²ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π²ΠΈΠ΄ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°. ΠΠΎΠ΄Π³ΠΎΠ½ΡΡΡ ΡΡΠΈΠ»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ, ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΡ ΡΠ°ΠΉΠ» Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ LESS.
ΠΠ»Ρ Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΡΠΌΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ AJAX. ΠΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ URL ΠΈ ΠΏΡΠΎΡΡΠΎ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΠ΅ ΠΏΠΎ Π½Π΅ΠΌΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΠ±ΡΡΠΈΠΉ JSON. Π―Π·ΡΠΊΠΎΠ²ΡΠ΅ ΡΠ°ΠΉΠ»Ρ Π΄Π»Ρ ΠΈΠ½ΡΠ΅ΡΠ½Π°ΡΠΈΠΎΠ½Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Ρ ΡΠ°Π·Π΄Π΅Π»ΡΠ½ΠΎ. ΠΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ Π½Π° ΡΠ²ΠΎΠΉ ΡΠ·ΡΠΊ. ΠΡΠ°Π·Π΄Π½ΠΈΠΊΠΈ Π² ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌ ΡΠ·ΡΠΊΠΎΠΌ.
V-Calendar
ΠΠ²Π΅Π·Π΄ Π½Π° GitHub: 1316
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ: MIT
Π‘Π°ΠΉΡ/Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΡ: https://vcalendar.io/
Github: https://github.com/nathanreyes/v-calendar
Π‘ΠΏΠΎΡΠΎΠ± ΠΈΠ½ΡΡΠ°Π»Π»ΡΡΠΈΠΈ: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ²
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ: Vue
V-Calendar ΡΡΠΎ ΡΠΈΡΡΡΠΉ ΠΈ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠΎΡΡΡΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅ΠΉ Π² Vue.js. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π°ΡΡΠΈΠ±ΡΡΡ Π΄Π»Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡΠ°ΠΌΠΈ, Π²ΠΊΠ»ΡΡΠ°ΡΡΠΈΠΌΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π΄Π°Ρ, ΡΠΎΡΠΊΠΈ, ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, ΡΡΠΈΠ»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ.
ΠΠ°ΠΆΠ΄ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΎΠ±ΡΠ΅ΠΊΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π΄Π»Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ Π΄Π°ΡΡ, Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π΄Π°Ρ ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² Π΄Π°Ρ Π²ΡΠΎΠ΄Π΅ Β«ΠΏΡΡΠ½ΠΈΡΠ°, ΡΠ΅ΡΠ΅Π· ΠΎΠ΄Π½ΡΒ», Β«15-Π΅ ΡΠΈΡΠ»ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΡΠ°Β» ΠΈΠ»ΠΈ Β«ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΠΏΡΡΠ½ΠΈΡΠ° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΡΠΎΡΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΡΠ°Β».
ΠΠ°Π»Π΅Π½Π΄Π°ΡΡ Dhtmlx
ΠΡΠΎ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΈΠΉ Π²ΡΠ±ΠΎΡ, Π΅ΡΠ»ΠΈ Π²ΡΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ, ΡΡΠΎ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΡ. ΠΡΡΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Ρ Google maps, ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΈΡΠΈΡΡ Π±Π°Π·ΠΎΠ²ΡΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π». Π‘ΡΡΠ°Π½ΠΈΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π½Π°Π±ΠΎΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡΡ Π½ΠΎΠ²ΠΈΡΠΊΠ°ΠΌ. ΠΠΎΠ½Π°ΡΠ°Π»Ρ Π²Π°Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠΌΡΡΠΈΡΡ ΠΎΠ±ΠΈΠ»ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ²
ΠΡΠΎΡ ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΠΌΠΈ:
ΠΡΠ»ΠΈΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°. ΠΠΎΠΌΠΏΠ°Π½ΠΈΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Ρ ΠΎΡΠΎΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΈ ΠΈΠΌΠ΅Π΅Ρ Π³ΠΈΠ±ΠΊΠΈΠ΅ ΡΠ΅Π½Ρ.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ ΠΊΠ°ΠΊ Π±Π°Π·ΠΎΠ²ΡΠ΅, ΡΠ°ΠΊ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠΈ. ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΡΡΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠ΅, ΠΏΡΡΠΊΠ°ΠΉ ΠΈ Π±Π΅Π· ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ, β Π²ΡΠ±ΠΈΡΠ°ΠΉΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ², ΠΌΡ Π²ΠΊΠ»ΡΡΠΈΠ»ΠΈ Π² Π½Π°Ρ ΡΠΏΠΈΡΠΎΠΊ ΠΈ ΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ Ρ Ρ ΠΎΡΠΎΡΠ΅ΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ.