Ikhalenda yeBootstrap eneJQuery

Siya sichukumiseka ngakumbi luluntu olukhulu olujikelezayo I-Bootstrap, isakhelo esaziwayo seCSS , Yenziwe yi-Twitter. Ngeli xesha ndikubonisa ikhalenda esekwe eBootstrap Idweliswe ngeJavascript kunye neJQueryUkongeza, ndiza kuchaza ngokweenkcukacha inxenye yokusebenza kwekhalenda kwaye ndiza kongeza amanye amaqhinga kunye nophuculo onokulwenza.

Le khalenda yeBootstrap inoyilo olucocekileyo kwaye iphelele noluphendulayo, iya kubonakala ilungile kuzo zonke izixhobo! Ikwabandakanya ukuguqulelwa kwiilwimi ezingaphezu kwe-7 nabo bonke Imihla yokubhiyozela ilizwe ngalinye icacisiwe kwaye iqatshelwe. Ubunewunewu!

Ukusebenza kwale Khalenda yeBootstrap kunzima kakhulu, kuyikhupha imihla yomsebenzisi kwifayile yeJSON ekuqaleni, kodwa, ngokukodwa kubasebenzisi be-Intanethi ze-Intanethi, ndiza kuchaza khipha izehlo kwiziko ledatha le-MYSQL ukumiliselwa kwayo ngokugqibeleleyo kuyo nayiphi na inkqubo.

Imisebenzi yeefayile eziphambili zesicelo:

INDEX.HTML

• I-Bootstrap 2.3.2 iyalayisha
• Uyilo lweKhalenda
• Uluhlu lweZenzo
• Ukuhambahamba kwiKhalenda
• Ukujonga okwahlukileyo kweKhalenda (Usuku / iVeki / iNyanga / uNyaka)
• Ukufaka isicelo kwiJS
• Ukukhethwa kolwimi

INDEX-BS3.HTML

• I-Bootstrap 3.0 iyalayisha
• Uyilo lweKhalenda
• Uluhlu lwemicimbi
• Ukuhambahamba kwiKhalenda
• Iimbono ezahlukileyo zekhalenda (Usuku / iveki / inyanga / unyaka)
• Ukufaka isicelo kwiJS
• Ukukhethwa kolwimi

IZIGANEKO.JSON.PHP

• Uluhlu lweziganeko ezinedatha elandelayo:
  • i-id: Isichongi somsitho
  • isihloko: isihloko somsitho
  • url: url yomsitho
  • iklasi: Uhlobo lomsitho (info | isilumkiso |…) ngemibala elandelayo.
  • qala: umhla wokuqala
  • isiphelo: umhla wokupheliswa

I-APP

• Izinto ezigcina ubumbeko lwesicelo.
• Imisebenzi eyongezelelweyo yeJQuery

IKHALENDA.JS

• Useto oluphambili lwesicelo
• Imisebenzi ephambili yeKhalenda
• Ukukhutshwa kunye nokunyangwa kweziganeko
• Imihla yemibhiyozo
• UkuLayishwa koLwimi
• Ukulayisha uluhlu lweziganeko
• Ukulayisha iimbono ezahlukeneyo zeKhalenda (Usuku / iVeki / iNyanga / uNyaka)

IKHALENDA.CSS

• Izitayile zeKhalenda
• Izimbo zoluhlu lomsitho
• Izitayile zekhalenda zezinye izixhobo

Khupha imicimbi kwiziko ledatha

Ukukhupha imicimbi kwiziko ledatha le-MYSQL siza kuthatha indawo yemigca yefayile imicimbi.json.php ngu:

<?php

$link=mysql_connect("localhost", "usuariodeacceso", "contraseñadeacceso");
mysql_select_db("basededatos",$link) OR DIE ("Error: No es posible establecer la conexión");
mysql_set_charset('utf8');

$eventos=mysql_query("SELECT * FROM events'",$link);

while($all = mysql_fetch_assoc($eventos)){
$e = array();
$e['id'] = $all['id'];
$e['start'] = $all['inicio'];
$e['end'] = $all['final'];
$e['title'] = $all['nombre'];
$e['class'] = $all['clase'];
$e['url'] = $all['url'];
$result[] = $e;
}

echo json_encode(array('success' => 1, 'result' => $result));

?>

github | Ikhalenda yeBootstrap

Khuphela | Ikhalenda yeBootstrap

Ulwazi oluthe kratya | I-Bootstrap: Isakhelo seCSS