Направите календар постова са ЈаваСцрипт -ом

Функционалност календара на било којој веб страници увек је занимљив додатак, од славних бирача датума до календара који приказују активности корисника на нашој веб страници.
За ово друго можемо користити многе АПИ -је који постоје на Интернету и на овај начин имплементирати календар објављивања који приказује активности корисника на нашој веб страници, а то можемо учинити са Гоогле календар и његов моћан АПИ.
Укључујући АПИ
Укључити АПИ за Гоогле календар на нашој страници само морамо да позовемо исти у заглављу наше апликације и морамо га учитати методом учитавања на следећи начин:

 гоогле.лоад ("визуализација", "1.1", {пакети: ["календар"]});

Када то учинимо, иницијализујемо главну функцију која ће имати колоне нашег календара, користећи методу аддЦолумн И аддРовс сегментираћемо по годинама које су нам потребне, ово радимо методом Датум, који ће добити годину, месец и дан, где ћемо додатно проћи активност која се догодила тог одређеног датума:

 вар датаТабле = нова гоогле.висуализатион.ДатаТабле (); датаТабле.аддЦолумн ({типе: 'дате', ид: 'дате'}); датаТабле.аддЦолумн ({тип: 'број', ид: 'публи'}); датаТабле.аддРовс ([[нови датум (2014, 4, 13), 500], [нови датум (2014, 4, 14), 800], [нови датум (2014, 3, 15), 400], [нови датум (2014, 3, 16), 900], [нови датум (2014, 3, 17), 600], [нови датум (2015, 9, 4), 400], [нови датум (2015, 9, 5), 400], [нови датум (2015, 9, 12), 250], [нови датум (2015, 9, 13), 900], [нови датум (2015, 9, 19), 800], [нови датум (2015 , 9, 23), 900], [нови датум (2015, 9, 24), 500], [нови датум (2015, 9, 30), 900]]);

Важно је напоменути да као пример користимо статичке вредности, али свако их може прилагодити својим потребама и генерисати их путем упита у бази података или помоћу неког оквира ЈаваСцрипт генерисати а ЈСОН и урадите ињекцију истог да бисте то учинили на динамичнији начин.
Опције календара
Када иницијализујемо календар, потребно је само да додамо жељене опције, те опције се празне у формату ЈСОН ради лакшег руковања и читања помоћу АПИ -ја. Можемо дефинисати наслов календара, висину, боју ћелија, па чак и начин на који желимо да прикажемо дане у недељи:

 вар оптионс = {титле: "Пост Цалендар", хеигхт: 350, цалендар: {целлЦолор: {строке: '# 76а7фа', строкеОпацити: 0.5, строкеВидтх: 1,}, даиОфВеекЛабел: {фонтНаме: 'Тимес-Роман', фонтСизе : 12, боја: '# 1а8763', подебљано: тачно, курзив: тачно,}, даиОфВеекРигхтСпаце: 10, даисОфВеек: 'ДЛММЈВС',}};

На крају, методом исцртавања, приказујемо календар и у тело нашег ХТМЛ -а постављамо див који ће садржати креирани календар:

 цхарт.драв (датаТабле, опције);

Када је ово завршено, да видимо како изгледа наш календар.

ЕНЛАРГЕ

Начин на који видимо имплементацију календара публикација је изузетно једноставан на нашој веб страници, сада је само на свакој особи да прошири своју функционалност и учини је динамичнијом да је прилагоди потребама веб локације на којој се налази.

цалендар_публицационес.хтмл 1,79К 134 Преузимања