Ikhalenda le-Bootstrap nge-JQuery

ikhalenda ye-bootstrap

Siya sihlabeka umxhwele ngomphakathi omkhulu ozungeza I-Bootstrap, uhlaka lwe-CSS olwaziwayo , Yenziwe yi-Twitter. Ngalesi sikhathi ngikulethela ikhalenda eliseBootstrap kuhlelwe ngeJavascript neJQueryNgaphezu kwalokho, ngizochaza ngokuningiliziwe ingxenye yokusebenza kwekhalenda bese ngifaka amanye amaqhinga nokwenza ngcono ongakwenza.

Le khalenda yeBootstrap inomklamo ohlanzekile futhi ngokuphelele isabele, kuzobukeka kukuhle kusuka kuwo wonke amadivayisi! Iphinde ifake i- ukuhumushela ezilimini ezingaphezu kwezingu-7 nakho konke izinsuku zemikhosi zezwe ngalinye ziyagqanyiswa futhi ziyaphawulwa. Ukunethezeka!

Ukusebenza kwaleli Khalenda le-Bootstrap kunzima kakhulu, kukhipha izinsuku zomsebenzisi kufayela le-JSON ekuqaleni, kepha, kuphela kubasebenzisi be-Creativos Online, ngizochaza ukuthi kanjani khipha imicimbi kudathabheyisi ye-MYSQL ngokuqaliswa kwayo okuhle kunoma yiluphi uhlelo.

Uhlelo lweDatabase olwaziwa kahle

Uhlelo lweDatabase olwaziwa kahle

Imisebenzi yamafayela amakhulu wohlelo lokusebenza:

INDEX.HTML

  • I-Bootstrap 2.3.2 iyalayisha
  • Ikhalenda Design
  • Uhlu lwezehlakalo
  • Ukuzulazula Kukhalenda
  • Ukubukwa Kwekhalenda Okuhlukile (Usuku / Isonto / Inyanga / Unyaka)
  • Ukufaka uhlelo ku-JS
  • Ukukhethwa kolimi

INDEX-BS3.HTML

  • I-Bootstrap 3.0 iyalayisha
  • Ikhalenda Design
  • Uhlu lomcimbi
  • Ukuzulazula Kukhalenda
  • Ukubukwa kwekhalenda okuhlukile (Usuku / Isonto / Inyanga / Unyaka)
  • Ukufaka uhlelo ku-JS
  • Ukukhethwa kolimi

IZENZAKALO.JSON.PHP

  • Uhlu lwemicimbi enedatha elandelayo:
    • i-id: isihlonzi somcimbi
    • isihloko: isihloko somcimbi
    • i-url: i-url yomcimbi
    • isigaba: Uhlobo lomcimbi (imininingwane | isexwayiso |…) ngemibala elandelayo.
    • qala: usuku lokuqala
    • ukuphela: usuku lokuqeda

APP.JS

  • Okuguqukayo okugcina ukumiswa kohlelo lokusebenza.
  • Imisebenzi eyengeziwe ye-JQuery

IKHALENDA.JS

  • Amasethingi wohlelo lokusebenza oluyinhloko
  • Imisebenzi esemqoka yeKhalenda
  • Ukukhishwa nokwelashwa kwemicimbi
  • Izinsuku zemikhosi
  • Ulimi Iyalayisha
  • Ilayisha uhlu lwemicimbi
  • Ilayisha ukubukwa kweKhalenda okuhlukile (Usuku / Isonto / Inyanga / Unyaka)

IKHALENDA.CSS

  • Izitayela Zekhalenda
  • Izitayela zohlu lwemicimbi
  • Izitayela zekhalenda zamanye amadivayisi

Khipha imicimbi kusuka ku-database

Ukukhipha izehlakalo kudathabheyisi ye-MYSQL sizomiselela imigqa yefayela 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));

?>

IGithub | Ikhalenda le-Bootstrap

Thwebula | Ikhalenda le-Bootstrap

Imininingwane engaphezulu | I-Bootstrap: Uhlaka lwe-CSS