ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий PHP + Javascript

НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π—Π°Π΄Π°Ρ‡Π° Π²Ρ€ΠΎΠ΄Π΅ Π±Ρ‹ Π½Π΅ слоТная, Π½ΠΎ срСди нСмногочислСнных Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ я Π½Π΅ нашСл подходящСго ΠΏΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ: слишком слоТный ΠΈ нСпонятный ΠΊΠΎΠ΄, ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹Π΅ запросы ΠΊ Π‘Π” (это особСнно ощущаСтся, Ссли Π² Π±Π°Π·Π΅ ΠΌΠ½ΠΎΠ³ΠΎ записСй), использованиС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ jQuery, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ я ΠΎΡ‚Π½ΠΎΡˆΡƒΡΡŒ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ.

Π˜Ρ‚Π°ΠΊ, ΠΊ плюсам ΠΌΠΎΠ΅Π³ΠΎ калСндаря ΠΌΠΎΠΆΠ½ΠΎ отнСсли ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Π›ΠΎΠ³ΠΈΠΊΠ°

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ гСнСрируСтся срСдствами php для Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ мСсяца. Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ дня провСряСм Π½Π΅Ρ‚ Π»ΠΈ записСй Π² Π‘Π”, Ссли Π΅ΡΡ‚ΡŒ, β€” Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅ΠΌ ссылку Π½Π° событиС. ДописываСм javascript ΠΊΠΎΠ΄ для пСрСлистываниС мСсяцСв, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ обращаСтся ΠΊ скрипту Ρ‡Π΅Ρ€Π΅Π· ajax. Π—Π°Π΄Π°Ρ‡Π° услоТняСтся Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ события растянуты Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ Π² ΠΎΠ΄ΠΈΠ½ дСнь, Π° Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· нСсколько Π΄Π½Π΅ΠΉ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ мСсяцСв. На всСм Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠ΅ сущСствованиС события Π½ΡƒΠΆΠ½ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΈΡ‚ΡŒ ссылкой для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ дня.

Π“Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° PHP

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΌΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ всС записи, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΡΡ‚ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ мСсяцС.

Π”Π°Π»ΡŒΡˆΠ΅ самоС интСрСсноС: заполняСм ΠΎΠ±Ρ…ΠΎΠ΄ΠΎΡ‡Π½Ρ‹ΠΉ массив. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ лишний Ρ€Π°Π· всС Π·Π°Π½ΠΎΠ²ΠΎ, Ссли находится соотвСтствиС, элСмСнт массива удаляСтся ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Ρ†ΠΈΠΊΠ» ΠΈΠΌΠ΅Π΅Ρ‚ мСньшС ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΠΉ.

БобствСнно, сам ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ:

Javascript ΠΊΠΎΠ΄ для ΠΏΠ΅Ρ€Π΅ΠΌΠ°Ρ‚Ρ‹Π²Π°Π½ΠΈΠ΅ мСсяцСв

Он Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½ для наглядности (ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ эффСкты скольТСния):

Π—Π°ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Ρ‚Π΅Π³ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹:

Π’Ρ‹Π²ΠΎΠ΄Ρ‹

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ получился простой ΠΈ Π»Π΅Π³ΠΊΠΎ встраиваСмый ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ быстро Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈ Π»Π΅Π³ΠΊΠΎ настраиваСтся, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ Π½Π° чистом PHP+javascript Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ВСрстаСм flex-ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈΠΊ

Π˜Π΄Π΅Ρ‚ 2018 Π³ΠΎΠ΄, ΠΌΠΎΠ΄Π½Ρ‹Π΅ ΠΏΠ°Ρ†Π°Π½Ρ‹ Π΄Π°Π²Π½ΠΎ ΡƒΠΆΠ΅ Π²Π΅Ρ€ΡΡ‚Π°ΡŽΡ‚ Π½Π° grid, Π° я всС Π½Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΌ бутстрапС сиТу с col-md ΠΊΠΎΡ‡Π΅Ρ€ΡΡ‡ΡƒΡΡŒ, мСльком поглядывая Π½Π° Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚Ρ‹ΠΉ.

РСшил я, Ρ‡Ρ‚ΠΎ это Π½Π΅ Π΄Π΅Π»ΠΎ, ΠΈ стоит Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ знания ΠΎΡΠ²Π΅ΠΆΠΈΡ‚ΡŒ, Π½ΠΎ Ρƒ grid Π²Ρ€ΠΎΠ΄Π΅ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎΠΊΠ° Ρ…Ρ€ΠΎΠΌΠ°Π΅Ρ‚, Π° Π²ΠΎΡ‚ flex Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ ΡƒΠΆΠ΅ Π΄Π°ΠΆΠ΅ ΡƒΡ‚ΡŽΠ³ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚.

Π’ΠΎΡ‚ ΠΈ Ρ€Π΅ΡˆΠΈΠ» Π΅Π³ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ. И процСссом усвоСния с Π²Π°ΠΌΠΈ подСлится. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Π±ΡƒΠ΄Π΅ΠΌ Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈΠΊ Π½Π° вСсь Π³ΠΎΠ΄.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π’Π°ΠΊ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎ я Π°Π΄Π΅ΠΏΡ‚ 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 ΠΈ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΌ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ВСрстаСм

Ну Π΄Π°Π²Π°ΠΉΡ‚Π΅ Ρ‡Π΅Π³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΡƒΠΆΠ΅ Π²Ρ‹Π²Π΅Π΄Π΅ΠΌ. Π‘Π½Π°Ρ‡Π°Π»Π° научимся Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ мСсяц, Π° ΠΏΠΎΡ‚ΠΎΠΌ, ΠΊΠ°ΠΊ освоимся, Π²Ρ‹Π²Π΅Π΄Π΅ΠΌ всС ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, ΠΏΡ€Π°Π²ΠΈΠΌ шаблон Calendar.vue:

Π‘Π½Π°Ρ‡Π°Π»Π° заставим ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π΄Π°Ρ‚Ρ‹ Π² нашСй Π½Π΅Π΄Π΅Π»Π΅ Π² ряд, для этого ΠΏΠΎΠΏΡ€Π°Π²ΠΈΠΌ ΡΡ‚ΠΈΠ»ΡŒ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠΊΠ°ΠΆΠ΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ количСство мСста Π² нашСм ряду:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Ну Π²Ρ€ΠΎΠ΄Π΅ ΠΏΠΎΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½Π΅Π΅ стало, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ†ΠΈΡ„Ρ€Ρ‹ Ρ‚Π°ΠΊΠΈ скачут. ΠŸΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ это ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ flex-grow ΠΏΠΎ сути распрСдСляСт пустоС пространство, Π° тСкст Ρ†ΠΈΡ„Ρ€ Π² это пустоС пространство Π½Π΅ Π²Ρ…ΠΎΠ΄ΠΈΡ‚, поэтому, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ячСйки с Ρ†ΠΈΡ„Ρ€Π°ΠΌΠΈ стали Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π²Π½Ρ‹ΠΌΠΈ Π½Π°Π΄ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π² стилС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡˆΠΈΡ€ΠΈΠ½Π° тСкста Π½Π΅ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Π»Π°ΡΡŒ. Для этого установим свойству flex-basis Π½Π° ноль.

Если Π½Π΅ совсСм понятно Ρ‡Ρ‚ΠΎ я Π³ΠΎΠ²ΠΎΡ€ΡŽ, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Π΄Π°Π½Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. edf424df264269453da29714a7397d9d. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-edf424df264269453da29714a7397d9d. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° edf424df264269453da29714a7397d9d. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Ну ΠΊΠ°ΠΊ? ΠŸΡ€Π°Π²ΠΈΠΌ ΡΡ‚ΠΈΠ»ΡŒ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π― Π΄ΡƒΠΌΠ°ΡŽ ΠΌΡ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ вывСсти всС мСсяцы, ΠΏΡ€Π°Π²ΠΈΠΌ шаблон:

ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ, Ρƒ нас ΡƒΠΆΠ΅ своСго Ρ€ΠΎΠ΄Π° рСспонсивный ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Но Π½Π°ΠΌ этого ΠΌΠ°Π»ΠΎ, Ρƒ нас ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ отобраТаСтся Π² столбик, ΠΊΠ°ΠΊ Π·Π°Π²Π΅Ρ‰Π°Π» Π΄Π΅Π΄ΡƒΡˆΠΊΠ° div, Π° Π½Π°ΠΌ Π±Ρ‹ Π² строчку… Π‘Π΄Π΅Π»Π°Π΅ΠΌ ΠΏΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈ. Волько Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ нСдСлю Π½Π°Π·Π½Π°Ρ‡ΠΈΠ»ΠΈ flex ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ для Π΅Π΅ Π΄Π½Π΅ΠΉ. А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ наш Π±Π»ΠΎΠΊ year Π½Π°Π·Π½Π°Ρ‡ΠΈΠΌ flex ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ для Π΅Π³ΠΎ мСсяцСв. Π”ΠΎΠ±Π°Π²ΠΈΠΌ стили:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° сСй каши Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ flex Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ пСрСносов, Π° пытаСтся всС ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π² ΠΎΠ΄Π½Ρƒ строчку, Π½Ρƒ ΠΈ соотвСтствСнно сТимаСт ΠΏΠΎΠΊΡƒΠ΄Π° сил Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚, Π° ΠΈΡ… Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚. Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ пСрСносов, Π½Π°Π΄ΠΎ Π² нашСм ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ year Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свойство flex-wrap, сдСлаСм это:

Ну, эээ… Ρ‚ΠΈΠΏΠ° ΠΏΠΎΠ»ΡƒΡ‡ΡˆΠ΅ стало, хотя Π± пСрСносит:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π’ΡƒΡ‚ Π²ΠΎΠ·Π΄ΡƒΡ… ΠΌΠ°Π»ΠΎΠ²Π°Ρ‚ΠΎ, Π½ΠΎ Π½Π°ΠΌ кстати Ρ‚Π°ΠΊ Π΄Π°ΠΆΠ΅ интСрСснСС. ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго Ρ‡ΡƒΠ²ΡΡ‚Π²ΡƒΡŽΡ‚ сСбя Π½ΠΎΡΠ±Ρ€ΡŒ ΠΈ Π΄Π΅ΠΊΠ°Π±Ρ€ΡŒ, Π½ΠΎ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ‹ Π·Π° равСнство, Ρ‚ΠΎ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΡƒΠΆΠΌΠ΅ΠΌ ΠΈΡ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сильно Π½Π΅ Π²Ρ‹Π΄Π΅Π»ΡΠ»ΠΈΡΡŒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΆΠ°Ρ‚ΡŒ, Π½Π°Π΄ΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ flex-grow: 1 Ρƒ month, (Ρ‚ΠΎΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ. ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° растяТСниС Π² Ρ€Π°ΠΌΠΊΠ°Ρ… строки:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π—Π° Ρ‚ΠΎ ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ послСдниС Π΄Π²Π° (Π½Π° самом Π΄Π΅Π»Π΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π° Π½ΠΈΡ…) висящих элСмСнта ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ justify-content Π² стилС ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½ Ρ€Π°Π²Π΅Π½ flex-start. МоТно Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π² ΠΊΠΎΠ½Π΅Ρ†.

Π’ΠΎΡ‚ Π³ΠΈΡ„ΠΊΠ° с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ значСниями:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π’Π°ΠΊ ΠΊΠ°ΠΊ я ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΡŽ, Ρ‡Ρ‚ΠΎ Ρƒ мСня Π±ΡƒΠ΄Π΅Ρ‚ всСгда ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ количСство мСсяцСв Π² строкС, ΠΈ Ρ…ΠΎΡ‡Ρƒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΈ всС свободноС мСсто, Ρ‚ΠΎ я ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ Π²Π΅Ρ€Π½Ρƒ flex-grow: 1; ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ, ΠΈ добавлю Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΎΠ·Π΄ΡƒΡ…Π°:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π•Ρ‰Π΅ Ρ€Π°Π· Π²Π΅Ρ€Π½ΡƒΡΡŒ ΠΊ justify-content ΠΈ flex-grow: 1. Π‘Ρ€Π°Π²Π½ΠΈΡ‚Π΅ Π΄Π²Π΅ Π³ΠΈΡ„ΠΊΠΈ, Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΉ Ρƒ month flex-grow = 1, Π½Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ β€” свойство отсутствуСт:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Какой Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π²Π°ΠΌ большС ΠΏΠΎ Π΄ΡƒΡˆΠ΅, Ρ€Π΅ΡˆΠ°ΠΉΡ‚Π΅ сами.

Π”ΠΎΠ±Π°Π²ΠΈΠΌ строчку с днями Π½Π΅Π΄Π΅Π»ΠΈ. Π‘Π½Π°Ρ‡Π°Π»Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ вычислимоС свойство Π² скрипт

Π° Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠΌ ΠΈΡ… Π² шаблонС:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π― Ρ…ΠΎΡ‡Ρƒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΎΡΠΊΡ€Π΅ΡΠ΅Π½ΡŒΠ΅ Ρƒ мСня Π±Ρ‹Π»ΠΎ ΠΊΡ€Π°ΡΠ½Π΅Π½ΡŒΠΊΠΎΠ΅, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ динамичСский ΡΡ‚ΠΈΠ»ΡŒ ΠΊ ΡƒΠ·Π»Ρƒ .day:

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ΄ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌ стили, Ρ‡ΡƒΡ‚ΠΎΠΊ красоты Π½Π°Π²Π΅Π΄Π΅ΠΌ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Ну ΠΈ послСдниС ΡˆΡ‚Ρ€ΠΈΡ…ΠΈ: Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΌΠ΅Π½ΡΡ‚ΡŒ Π³ΠΎΠ΄ ΠΈ сдСлаСм фиксированный Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ срСдствами flex.

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΠΌΡΡ Π½Π° App.vue Ρ„Π°ΠΉΠ», ΠΈ ΠΎΡ‚ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌ шаблон:

добавилась строчка с Π³ΠΎΠ΄ΠΎΠΌ, ΠΏΠΎΠΊΠ°, ΠΊΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ, Π½Π΅ фиксированная:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠŸΠΎΠ΄ΠΏΡ€Π°Π²ΠΈΠΌ стили Π² App.vue, ΡƒΠ±Π΅Ρ€Π΅ΠΌ отступы Π² body, установим высоту html ΠΈ body Π½Π° всю высоту ΠΎΠΊΠ½Π°, ΠΈ сдСлаСм Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠΎΠΊΡ€Π°ΡΠΈΠ²ΡˆΠ΅, я Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π΄Π²Π° ΡƒΠ·Π»Π° style, ΠΎΠ΄ΠΈΠ½ для Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Ρ… стилСй Π²Ρ‚ΠΎΡ€ΠΎΠΉ для Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ…:

ИдСя создания фиксированного Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π° flex Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² использовании Π΄Π²ΡƒΡ… Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ² flex, ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ высоту всСго содСрТимого, Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ, Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ flex-direction: column.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Классно, Π΄Π°? Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π°ΠΆΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΡƒΡ‚Π΅Ρ€:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Ну ΠΈ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π³ΠΎΠ΄Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ ΡƒΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ знаниями, ΠΈ сдСлаСм Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π±ΠΎΠ»Π΅Π΅ flex-ΠΎΠ±Ρ€Π°Π·Π½Ρ‹ΠΌ, ΠΏΡ€Π°Π²ΠΈΠΌ стили:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π₯м… Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Ρ‚ΡƒΡ‚ Π½Π΅ Ρ‚Π°ΠΊ. Π§Π΅Ρ‚ наши Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ прям сдавило ΠΈ вСрстка ΠΏΠΎΠΏΠ»Ρ‹Π»Π°. К соТалСнию это Ρ‚ΠΎΡ‚ ΠΌΠΎΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я Π½Π΅ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π° понял ΠΏΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ. Но ΠΊΠ°ΠΊ я полагаю, это ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎ display: flex Π·Π°Π΄Π°Π΅Ρ‚ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ высоту, ΠΈ Π½Π°Ρ…ΠΎΠ΄ΡΡΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ flex ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, ориСнтируСтся Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ своим Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΌ.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ это Π²Ρ‹Π»Π΅Ρ‡ΠΈΡ‚ΡŒ, Π½Π°Π΄ΠΎ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ flex ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρƒ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ находится наш header ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, для этого Π΄ΠΎΠ±Π°Π²ΠΈΠΌ свойство flex-shrink:

Ну Π²ΠΎΡ‚ ΠΈ всС, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ вас Π΅ΡΡ‚ΡŒ flex-ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° любой Π³ΠΎΠ΄!

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. image loader. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π’ это ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ всС возмоТности 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.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 01. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 01. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 01. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 01. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 01. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 01. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 01. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 01. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 01. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.Jalendar 2

ПослС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ZIP-Ρ„Π°ΠΉΠ»Π° Jalendar 2 распакуйтС Π΅Π³ΠΎ Π² свой Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³. Π€Π°ΠΉΠ» zip Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹:

Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ Π΅ΡΡ‚ΡŒ Π΄Π²Π΅ ΠΏΠ°ΠΏΠΊΠΈ (js ΠΈ style) ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ HTML Ρ„Π°ΠΉΠ»ΠΎΠ². ΠšΠ°Ρ‚Π°Π»ΠΎΠ³ js содСрТит JavaScript для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Jalendar 2. Он Ρ‚Π°ΠΊΠΆΠ΅ содСрТит Π²Π΅Ρ€ΡΠΈΡŽ jQuery, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ

Π’ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ создайтС Ρ„Π°ΠΉΠ» с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Basic.html ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Ρ‚ΡƒΠ΄Π° этот ΠΊΠΎΠ΄:

Π‘Ρ‚Ρ€ΠΎΠΊΠΈ с 17 ΠΏΠΎ 19 содСрТат JavaScript ΠΊΠΎΠ΄ для отобраТСния калСндаря. Для поиска id div’Π° ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π½Π° Π½Ρ‘ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ jalendar() ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ jQuery.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 02. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 02. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 02. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 02. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 02. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 02. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 02. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 02. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 02. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Jalendar ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

Когда Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ этот Ρ„Π°ΠΉΠ» Π² свой Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ приятного синСго Ρ†Π²Π΅Ρ‚Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ стрСлки Π²Π²Π΅Ρ€Ρ…Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌΡƒ ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ мСсяцу. Π­Ρ‚ΠΎΡ‚ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π½Π° любом сайтС!

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ событий

ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ события Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ довольно просто. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΡΠ΅Ρ€ΠΈΡŽ div ‘ΠΎΠ² событий Π²Π½ΡƒΡ‚Ρ€ΠΈ div калСндаря. div события Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ страницу ΠΈ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ это событиС.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 03. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 03. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 03. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 03. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 03. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 03. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 03. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 03. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 03. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π² основной ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ

ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π΄Π°Ρ‚Ρ‹ события, Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ прСдоставили, Π²Π½ΠΈΠ·Ρƒ калСндаря. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ список событий Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Close Π²Π½ΠΈΠ·Ρƒ.

Настройка Jalendar 2

Пока Ρ‡Ρ‚ΠΎ я использовал Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ особСнности Jalendar 2. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ с 17 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ свойствами. ΠŸΠΎΠ»Π½Ρ‹ΠΉ список Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° сайтС Jalendar 2.

ΠŸΠ΅Ρ€Π²ΠΎΠ΅ Ρ‡Ρ‚ΠΎ я ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π²ΠΎΡ‚ ΠΌΠΎΠΉ Π²Π΅Π±-сайт. Основной Ρ†Π²Π΅Ρ‚ ΠΌΠΎΠ΅Π³ΠΎ сайта β€” ΠΊΠΎΡ€ΠΈΡ‡Π½Π΅Π²Ρ‹ΠΉ. МнС нравится этот Π³ΠΎΠ»ΡƒΠ±ΠΎΠΉ, Π½ΠΎ слСгка Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚. МСняСм ΠΊΠΎΠ΄ скрипта Π½Π°:

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 04. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 04. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 04. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 04. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 04. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 04. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 04. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 04. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 04. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.Jalendar с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ настройками

Π‘ этими настройками, я Π±Π»ΠΈΠ·ΠΎΠΊ ΠΊ Ρ‚ΠΎΠΌΡƒ Π²ΠΈΠ΄Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠ½Π΅ Π½ΡƒΠΆΠ΅Π½. Но я Ρ…ΠΎΡ‡Ρƒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ³Π»Ρ‹ Π±Ρ‹Π»ΠΈ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅. Для этого Π½Π΅Ρ‚ ΠΎΠΏΡ†ΠΈΠΈ, Π½ΠΎ я ΠΌΠΎΠ³Ρƒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инспСктора.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 05. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 05. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 05. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 05. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 05. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 05. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 05. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 05. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 05. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.Jalendar с ΠΌΠΎΠΈΠΌΠΈ настройками

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 06. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 06. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 06. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 06. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 06. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 06. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 06. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 06. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 06. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.Jalendar с ΠΌΠΎΠΈΠΌΠΈ настройками

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΎΡ‡Π΅Π½ΡŒ прост Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ CSS свойства. Π˜ΡΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ CSS Ρ„Π°ΠΉΠ» Π±ΡƒΠ΄Π΅Ρ‚ послоТнСС. Π’Π°ΠΊΠΆΠ΅, это позволяСт Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ваши измСнСния ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ. ΠŸΡ€ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΎΠ²ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ, Π²Ρ‹ Π½Π΅ потСряСтС измСнСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ сдСлали.

ДобавляСм ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° Π²Π΅Π±-сайт ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ goPress

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° я сдСлал Ρ‚Π°ΠΊΠΎΠΉ внСшний Π²ΠΈΠ΄, ΠΊΠ°ΠΊΠΎΠΉ я Ρ…ΠΎΡ‡Ρƒ, я ΠΌΠΎΠ³Ρƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° свой Π²Π΅Π±-сайт. Для этого руководства я ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ» копию ΠΌΠΎΠ΅Π³ΠΎ goPress сСрвСра для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ с ΠΌΠΎΠ΅ΠΉ Ρ‚Π΅ΠΌΠΎΠΉ сайта. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ руководству goPress Server ΠΏΠΎ созданию сСрвСра.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ Π² Ρ„Π°ΠΉΠ» site/parts/sidebar.html :

Код SyntaxHighlighter.all() для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ подсвСтки ΠΊΠΎΠ΄Π° всСй страницы. ΠžΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ я скопировал ΠΈΠ· ΠΊΠΎΠ΄Π° послСднСго тСстирования Jalendar 2, ΠΈΠ· ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π°.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 07. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 07. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 07. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 07. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 07. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 07. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 07. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 07. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 07. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ВСстовый Π²Π΅Π±-сайт с Jalendar 2

Когда Π²Ρ‹ запускаСтС сСрвСр goPress, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ страницу Π²Ρ‹ΡˆΠ΅. ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ, ΠΎΡ‚Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅, с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΏΠΎΠ΄ΡΡ‚Π°Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ΅.

ДобавляСм Π²Ρ‹Π±ΠΎΡ€ Π΄Π°Ρ‚Ρ‹ (Date Picker)

Π’Ρ€Π΅ΠΌΠ΅Π½Π°ΠΌΠΈ, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π²Ρ‹Π±ΠΎΡ€ Π΄Π°Ρ‚Ρ‹, прямо Π½Π° вашСй страницС. Jalendar 2 ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для этого. Π’ Ρ„Π°ΠΉΠ» site/main.html Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ строки:

А Π·Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ Π² Ρ„Π°ΠΉΠ» site/js/02-site.js :

Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ΄ ΠΈΠ΄Ρ‘Ρ‚ прямо послС ΠΊΠΎΠ΄Π° для ΠΈΠ½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ калСндаря Π² Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. Бвойство type установлСно Π² selector для создания сСлСктора Π΄Π°Ρ‚Ρ‹. Бвойство selectingBeforeToday установлСно Π² false. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ смоТСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Π°Ρ‚Ρƒ Π΄ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π΄Π°Ρ‚Ρ‹. Если свойству selectionAfterToday устанавливаСтся Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ true. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π΄Π°Ρ‚Ρ‹ послС Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π΄Π°Ρ‚Ρ‹.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 08. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 08. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 08. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 08. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 08. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 08. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. UsingJalendar2 08. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-UsingJalendar2 08. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° UsingJalendar2 08. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.ВСстовый Π²Π΅Π±-сайт с Jalendar 2

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅, Π²Ρ‹Π±ΠΎΡ€Ρ‰ΠΈΠΊ Π΄Π°Ρ‚Ρ‹ выглядит Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅, ΠΊΠ°ΠΊ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ сбоку. Π•ΡΡ‚ΡŒ Π΄Π²Π° основных отличия. Он ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΡƒΡŽ Π΄Π°Ρ‚Ρƒ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π°Ρ‚Ρ‹ послС Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π΄Π°Ρ‚Ρ‹. ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π΄Π°Ρ‚Ρ‹, ΠΎΠ½Π° размСщаСтся Π² тСкстовом ΠΏΠΎΠ»Π΅ Π½Π°Π΄ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ΠΌ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π‘ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ инструмСнтами, Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Π»ΠΈΠ±ΠΎ Π½Π° ваш Π²Π΅Π±-сайт довольно просто. Jalendar 2 ΠΎΡ‡Π΅Π½ΡŒ просто интСгрируСтся с Π»ΡŽΠ±Ρ‹ΠΌΠΈ Π²Π΅Π±-сайтами ΠΈ выглядит ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Π²Π°ΠΌ ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° ваш Π²Π΅Π±-сайт. На CodeCanyon Π΅ΡΡ‚ΡŒ большС ΡˆΡ‚ΡƒΡ‡Π΅ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° ваш сайт.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠšΠΠ›Π•ΠΠ”ΠΠ Π¬

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ для сайта

Π”Π°Π½Π½ΡƒΡŽ страницу сайта создал для получСния практичСских Π½Π°Π²Ρ‹ΠΊΠΎΠ² использования JavaScript. ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΊΠΎΠ΄Π° автоматичСского калСндаря, спрограммированного Π²ΠΎ врСмя изучСния этой Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
Π‘Π΄Π΅Π»Π°Π» Π΅Π³ΠΎ Π½Π°Ρ‡Π°Π»ΠΎ с 2010 Π³ΠΎΠ΄Π°, ΠΈ ΠΏΠΎ 2021 Π³ΠΎΠ΄ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ

ΠŸΡ€ΠΈ стартС: ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π³ΠΎΠ΄, мСсяц ΠΈ дСнь (Π΅Π³ΠΎ сдСлал Π±ΠΈΡ€ΡŽΠ·ΠΎΠ²Ρ‹ΠΌ).

Π­Ρ‚ΠΎΡ‚ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Ρ…ΠΎΡ€ΠΎΡˆ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, сколько Π΄Π½Π΅ΠΉ Π² мСсяцС, ΠΈ ΠΊΠ°ΠΊΠΈΠΌΠΈ днями Π½Π΅Π΄Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ числа Π² Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… мСсяцах ΠΈ Π³ΠΎΠ΄Π°Ρ…, ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΡƒΡŽ Π΄Π°Ρ‚Ρƒ.

Настройка Π΄ΠΈΠ·Π°ΠΉΠ½Π° калСндаря

Π­Ρ‚ΠΎΡ‚ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ достаточно ΠΌΠ½ΠΎΠ³ΠΎ настроСк Π² ΠΊΠΎΠ΄Π΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠ°ΠΊ ΡƒΠ³ΠΎΠ΄Π½ΠΎ.

Π’ Π½Ρ‘ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ число Π²Ρ‹Π΄Π΅Π»ΡΠ»ΠΎΡΡŒ Π½Π΅ Π±ΠΈΡ€ΡŽΠ·ΠΎΠ²Ρ‹ΠΌ («aqua»), Π° Π»ΡŽΠ±Ρ‹ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠΌ, ΠΊΠ°ΠΊΠΈΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ захочСтся Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

ВсС значСния ΡƒΠΊΠ°Π·Π°Π», начиная с КОНЦА выраТСния!

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, мСняя значСния Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ строчкС ΠΊΠΎΠ΄Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π°Π½Π½ΠΎΠ³ΠΎ калСндаря, подходящим ΠΏΠΎΠ΄ любой сайт.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° своСм сайтС ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ, Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π΄Π²Π° JavaScript-ΠΊΠΎΠ΄Π°.

РСкомСндуСтся «Π²Ρ‹Π½Π΅ΡΡ‚ΠΈ» этот ΠΊΠΎΠ΄ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ js-Ρ„Π°ΠΉΠ», Ρ‡Ρ‚ΠΎΠ± Π½Π΅ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС, Π° просто «ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ» Π΅Π³ΠΎ Π½Π° Π½ΡƒΠΆΠ½Ρ‹Ρ… страничках сайта.

Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС я Ρ‚Π°ΠΊ ΠΈ сдСлал, ΠΈ ΠΊΠΎΠ΄ ΠΌΠΎΠ΅Π³ΠΎ калСндаря «ΠΆΠΈΠ²Ρ‘Ρ‚» Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅.

**Prim. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ сСбС Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ этот самый большой скрипт ΠΌΠΎΠΆΠ½ΠΎ Ρƒ мСня ΠΆΠ΅ Π½Π° сайтС Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ «ΠŸΠΎΠ»Π΅Π·Π½ΠΎΠ΅» ΠΈΠ· ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Π° «ΠŸΠΎΠ»Π΅Π·Π½Π°Ρ информация ΠΎ JavaScript ΠΈ jQuery».

ΠŸΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Π½ΠΈΠ΅ JavaScript-ΠΊΠΎΠ΄ΠΎΠ²

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. znak05. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-znak05. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° znak05. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря. Π’Π°ΠΆΠ½ΠΎ!
Π’ ΠΎΠ΄Π½Ρƒ строку слСдуСт ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ строчки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π½Π° Π·Π½Π°ΠΊ » + «, Π»ΠΈΠ±ΠΎ » ‘ «, ΠΈΠ»ΠΈ » = «.

ΠžΡ‡Π΅Ρ€Ρ‘Π΄Π½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠ΄ΠΎΠ² калСндаря

Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈ для сайта

ΠšΡ€ΠΎΠΌΠ΅ упомянутых здСсь, Π½Π° этой страницС, способов ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ для своСго сайта, Π΅ΡΡ‚ΡŒ, разумССтся, ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.
БСйчас, практичСски, любой поисковик, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ «Yandex», «Mail», ΠΈΠ»ΠΈ «Google», Π΄Π°Ρ‘Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΊ сайту ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ. Достаточно Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π° свой сайт ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½ΠΈ Π΄Π°ΡŽΡ‚ Π»ΡŽΠ±ΠΎΠΌΡƒ ΠΆΠ΅Π»Π°ΡŽΡ‰Π΅ΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΡƒΠΆΠ΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ.

Однако! НуТно ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ! ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ Π½Π° этой страницС способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° «Ρ€ΡƒΡ‡Π½Ρ‹Ρ…» сайтах, Ρ‚.Π΅. сдСланных ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π‘Π•Π— использования всСвозмоТных конструкторов, ΠΈ всяких Ρ‚Π°ΠΌ Ρ€Π°Π·Π½Ρ‹Ρ… CMS.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π½Π° этой страницС сдСланы Π²ΠΎ врСмя изучСния, ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π”Π›Π― изучСния Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ JavaScript!

Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° «ΠΠΠ—АД» Π²Π΅Ρ€Π½Ρ‘Ρ‚ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π² Ρ€Π°Π·Π΄Π΅Π» «JavaScript» для просмотра Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² использования этой Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. compas02. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-compas02. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° compas02. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ JavaScript для создания ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ΠΉ

Π₯ΠΎΡ‡Π΅ΡˆΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ свои знания ΠΏΠΎ JS?

Подпишись Π½Π° наш ΠΊΠ°Π½Π°Π» с тСстами ΠΏΠΎ JS Π² Telegram!

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«Top JavaScript calendar pluginsΒ».

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. pattern museum circle art design symmetry 695676 pxhere.com min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-pattern museum circle art design symmetry 695676 pxhere.com min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° pattern museum circle art design symmetry 695676 pxhere.com min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈ это ваТная Ρ‡Π°ΡΡ‚ΡŒ нашСй ΠΆΠΈΠ·Π½ΠΈ. БСгодня люди, Π² основном, ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΈΠΌΠΈ Π² элСктронном Π²ΠΈΠ΄Π΅. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π³Π΄Π΅ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Π΅ прилоТСния для Π·Π°ΠΊΠ°Π·Π° Π±ΠΈΠ»Π΅Ρ‚ΠΎΠ², для ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΉ, для ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½Ρ‚Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ Ρ‚. ΠΏ.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ сайтов. НапримСр, для Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Ρ‚Ρ‹ ΠΏΡ€ΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Ρ„ΠΎΡ€ΠΌΡ‹.

НСсомнСнно, этот ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ являСтся ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΌ для бизнСс-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Волько ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, ΠΊ ΠΊΠ°ΠΊΠΈΠΌ послСдствиям для бизнСса ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΏΠ»ΠΎΡ…ΠΎ настроСнный ΠΈΠ»ΠΈ ΠΏΠ»ΠΎΡ…ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Ρ‚Π°ΠΊΠΎΠΉ Π²Π΅Ρ‰ΠΈ ΠΊΠ°ΠΊ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ слСдуСт ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ особоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ прилоТСния ΠΈΠ»ΠΈ сайта.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΈ ΠΎΡ‚Π±ΠΎΡ€Π° Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ калСндаря для Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π’Π°ΠΊΠΆΠ΅ ΠΌΡ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠΌ вас с Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°Ρ…, Π½Π° основС ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнныС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ.

Π§Π΅ΠΌ отличаСтся Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ для Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ?

ΠœΡ‹ Ρ€Π°Π·Π΄Π΅Π»ΠΈΠ»ΠΈ наши ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΈ ΠΎΡ†Π΅Π½ΠΊΠΈ Π½Π° 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

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Fullcalendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Fullcalendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Fullcalendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π·Π½Π°Π΅Ρ‚, Ρ‡Π΅Π³ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚. Π—Π΄Π΅ΡΡŒ Π½Π΅Ρ‚ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ³ΠΎ пошагового руководства, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±Ρ‹ ΠΎΠΏΠΈΡΡ‹Π²Π°Π»ΠΎΡΡŒ, ΠΊΠ°ΠΊ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Ρ†Π΅Π»ΠΈ. Π•ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ 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

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Tui calendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Tui calendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Tui calendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

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

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. CLNDR min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-CLNDR min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° CLNDR min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

CLNDR.js это ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π½Ρ‹ΠΉ jQuery-ΠΏΠ»Π°Π³ΠΈΠ½. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΎΠ½ Π½Π΅ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ. ВмСсто этого Π²Ρ‹ прСдоставляСтС Underscore.js HTML-шаблон, Π° Π² ΠΎΡ‚Π²Π΅Ρ‚ CLNDR прСдоставляСт Π²Π°ΠΌ мноТСство Π΄Π°Π½Π½Ρ‹Ρ… для использования Π² Π½Π΅ΠΌ. HTML-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ подходят для этой Π·Π°Π΄Π°Ρ‡ΠΈ благодаря своСй гибкости, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅ΠΉ Π½Π°ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ, Π³Π΄Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² нашСй Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅.

CLNDR Π±Π΅Ρ€Π΅Ρ‚ ваш шаблон ΠΈ вставляСт Π² Π½Π΅Π³ΠΎ Π΄Π°Π½Π½Ρ‹Π΅. Π­Ρ‚ΠΈ Π΄Π°Π½Π½Ρ‹Π΅ содСрТат всС, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ для создания калСндаря.

Kendo UI Scheduler

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Kendo UI Scheduler min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Kendo UI Scheduler min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Kendo UI Scheduler min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

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

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. React big calendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-React big calendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° React big calendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

React big calendar («большой ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ ReactΒ») это ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, построСнный для React. Он создан Π² расчСтС Π½Π° соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ (Ρ‡ΠΈΡ‚Π°ΠΉ: IE10+) ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ flexbox ΠΏΠΎΠ²Π΅Ρ€Ρ… классичСского ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° tables-ception.

Π§Ρ‚ΠΎ касаСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π΄Π°Ρ‚Ρ‹ ΠΈ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π½ΠΎΠΉ Π»ΠΎΠΊΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ, Π² React big calendar эти Π²Π΅Ρ‰ΠΈ зависят ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡƒΡŽ ΠΈΠ· Π΄Π²ΡƒΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ Π΄Π°Ρ‚Ρ‹ ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Ρ‚Π΅: Moment.js ΠΈΠ»ΠΈ Globalize.js.

МоТно Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ΠΌ, Β«ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ», Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠΌ скомпилированныС CSS-Ρ„Π°ΠΉΠ»Ρ‹. Но, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Ρ‚ΡŒ внСшний Π²ΠΈΠ΄ калСндаря ΠΏΠΎΠ΄ ΡΡ‚ΠΈΠ»ΡŒ вашСго прилоТСния. Для этого Π² React big calendar Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Ρ„Π°ΠΉΠ»Ρ‹ SASS. РСализация SASS прСдоставляСт Ρ„Π°ΠΉΠ» с ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° β€” этот Ρ„Π°ΠΉΠ» Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ калСндаря.

ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Mobiscroll

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Mobiscroll responsive calendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Mobiscroll responsive calendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Mobiscroll responsive calendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Mobiscroll это ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ²Ρ‹ΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСкрасно Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΈ Π²Π΅Π±-прилоТСниях.

Π’ этом ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π½ΠΈ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ, Π½ΠΎ ΠΈ Ρ†Π΅Π»Ρ‹Π΅ Π½Π΅Π΄Π΅Π»ΠΈ. Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ мСсяц ΠΈ Π³ΠΎΠ΄, Π±Π΅Π· Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½ΠΎΠ³ΠΎ свайпинга.

Mobiscroll ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π²Π° ΠΈΠ»ΠΈ Ρ‚Ρ€ΠΈ мСсяца подряд β€” благодаря ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΌΡƒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… мСсяцСв. Π’ ячСйках Π΄Π½Π΅ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ прСдставлСна полСзная информация.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Mobiscroll, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΈΡ‚ΡŒ Π΄Π½ΠΈ, ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠ΅ особоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. А Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Π΅ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ΅Π½ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ дСнь, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΊΠΈ ΠΈ тСкст.

ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π»ΠΎΠΊΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ многоязычныС прилоТСния. Он прСдоставляСт UI с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π½Ρ‹ΠΌΠΈ настройками. Π’Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ RTL.

React-ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Syncfusion

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Syncfusion min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Syncfusion min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Syncfusion min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Syncfusion ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для отобраТСния Π΄Π°Ρ‚Ρ‹ ΠΈ Π΄Π½Π΅ΠΉ Π½Π΅Π΄Π΅Π»ΠΈ. Π•ΡΡ‚ΡŒ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² просмотра β€” мСсяц, Π³ΠΎΠ΄, дСсятилСтиС β€” для быстрого ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ Π½ΡƒΠΆΠ½ΠΎΠΉ Π΄Π°Ρ‚Π΅. Для ограничСния возмоТностСй Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Ρ‚Ρ‹ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½Π½Ρ‹Π΅ значСния Π΄Π°Ρ‚. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ лСгковСсный ΠΈ Π»Π΅Π³ΠΊΠΎ настраиваСмый.

Π§Ρ‚ΠΎ касаСтся внСшнСго Π²ΠΈΠ΄Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ‚Π΅ΠΌ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Material design. Помимо стандартной, встроСнной Ρ‚Π΅ΠΌΡ‹, этот ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ прСдоставляСт ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ своим Π²ΠΈΠ΄ΠΎΠΌ, позволяя ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ ΡΡ‚ΠΈΠ»ΡŒ вашСго прилоТСния.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Angular

Π—Π²Π΅Π·Π΄ Π½Π° GitHub: 1662
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ лицСнзия: MIT
Π‘Π°ΠΉΡ‚/Π΄Π΅ΠΌΠΎ-вСрсия: https://mattlewis92.github.io/angular-calendar/#/kitchen-sink
Github: https://github.com/mattlewis92/angular-calendar
Бпособ инсталляции: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ²
Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ: Angular

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Angular calendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Angular calendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Angular calendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ β€” ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ для Angular 6.0+. ΠœΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ события для мСсяца, Π½Π΅Π΄Π΅Π»ΠΈ ΠΈΠ»ΠΈ дня. Π¨Π°Π±Π»ΠΎΠ½ ΠΎΡ‡Π΅Π½ΡŒ настраиваСмый. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнныС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ вмСсто Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ подходят для вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ эта Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π½Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π° для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. Π’Π°ΠΌ придСтся ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Bootstrap

Π—Π²Π΅Π·Π΄ Π½Π° GitHub: 2867
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ лицСнзия: MIT
Π‘Π°ΠΉΡ‚/Π΄Π΅ΠΌΠΎ-вСрсия: http://bootstrap-calendar.eivissapp.com/
Github: https://github.com/Serhioromano/bootstrap-calendar
Бпособ инсталляции: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ²
Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ: Bootstrap

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Bootstrap calendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Bootstrap calendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Bootstrap calendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

ΠŸΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ, созданный Π½Π° Π±Π°Π·Π΅ самого популярного HTML-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ° Twitter Bootstrap. Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ (имССтся Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΌ Π½Π΅Ρ‚ UI). ВсС ΠΊΠ½ΠΎΠΏΠΊΠΈ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ просмотра ΠΈΠ»ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ событий сдСланы ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°. Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ Ρƒ вас получится ваш собствСнный ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ калСндаря.

Но вмСстС с Ρ‚Π΅ΠΌ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ основан Π½Π° ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ…: ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π»Π΅ΠΆΠ°Ρ‚ Π² основС всСх Π²ΠΈΠ΄ΠΎΠ² просмотра, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π³ΠΎΠ΄, мСсяц, нСдСлю ΠΈ дСнь. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ калСндаря ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΡΡ‚ΠΈΠ»ΡŒ, ΠΈ Π΄Π°ΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ Π²ΠΈΠ΄ просмотра. ΠŸΠΎΠ΄Π³ΠΎΠ½ΡΡ‚ΡŒ стили ΠΌΠΎΠΆΠ½ΠΎ, рСдактируя Ρ„Π°ΠΉΠ» с ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌΠΈ LESS.

Для наполнСния калСндаря событиями ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ AJAX. Π’Ρ‹ прСдоставляСтС URL ΠΈ просто Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚Π΅ ΠΏΠΎ Π½Π΅ΠΌΡƒ список событий JSON. Π―Π·Ρ‹ΠΊΠΎΠ²Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ для ΠΈΠ½Ρ‚Π΅Ρ€Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Ρ€Π°Π·Π΄Π΅Π»ΡŒΠ½ΠΎ. МоТно пСрСвСсти ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° свой язык. ΠŸΡ€Π°Π·Π΄Π½ΠΈΠΊΠΈ Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² соотвСтствии с вашим языком.

V-Calendar

Π—Π²Π΅Π·Π΄ Π½Π° GitHub: 1316
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ лицСнзия: MIT
Π‘Π°ΠΉΡ‚/Π΄Π΅ΠΌΠΎ-вСрсия: https://vcalendar.io/
Github: https://github.com/nathanreyes/v-calendar
Бпособ инсталляции: ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ²
Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ: Vue

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Vcalendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Vcalendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Vcalendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

V-Calendar это чистый ΠΈ лСгковСсный ΠΏΠ»Π°Π³ΠΈΠ½ для отобраТСния простых ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ΠΉ Π² Vue.js. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ для ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΡ калСндаря Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°ΠΌΠΈ, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠΌΠΈ подсвСтку Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π΄Π°Ρ‚, Ρ‚ΠΎΡ‡ΠΊΠΈ, подчСркивания, стили содСрТимого, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ Π΄Π°Ρ‚Ρ‹, Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π΄Π°Ρ‚ ΠΈ Π΄Π°ΠΆΠ΅ слоТных шаблонов Π΄Π°Ρ‚ Π²Ρ€ΠΎΠ΄Π΅ «пятница, Ρ‡Π΅Ρ€Π΅Π· ΠΎΠ΄Π½ΡƒΒ», Β«15-Π΅ число ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ мСсяца» ΠΈΠ»ΠΈ «послСдняя пятница ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ мСсяца».

ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Dhtmlx

ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. Dhtmlx calendar min. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄-Dhtmlx calendar min. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π½Π° сайт html ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Dhtmlx calendar min. НСдавно Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ событий, Π³Π΄Π΅ каТдая Π΄Π°Ρ‚Π° Π² ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ подсвСчСна ссылкой, Ссли ΠΊΠ°ΠΊΠΎΠ΅-Π½ΠΈΠ±ΡƒΠ΄ΡŒ событиС присутствуСт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ числа. Если ΠΌΠ½Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку, здСсь дСмонстрация Ρ€Π°Π±ΠΎΡ‚Ρ‹ калСндаря.

Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€, Ссли всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, это ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ. Π•ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с Google maps, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π». Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ содСрТит Π½Π°Π±ΠΎΡ€ руководств, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌ. ΠŸΠΎΠ½Π°Ρ‡Π°Π»Ρƒ вас ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΌΡƒΡ‚ΠΈΡ‚ΡŒ ΠΎΠ±ΠΈΠ»ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ²

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ особСнностями:

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для создания ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Компания прСдоставляСт Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π³ΠΈΠ±ΠΊΠΈΠ΅ Ρ†Π΅Π½Ρ‹.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

ΠœΡ‹ рассмотрСли ΠΊΠ°ΠΊ Π±Π°Π·ΠΎΠ²Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Π΅ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈ. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ простоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π»Π΅Π³ΠΊΠΎ настраиваСмоС, пускай ΠΈ Π±Π΅Π· ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ, – Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· бСсплатных Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ². Π§Ρ‚ΠΎ касаСтся Π±ΠΎΠ»Π΅Π΅ слоТных ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΌΡ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π² наш список ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ с Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *