Kalandrie Bootstrap miaraka amin'i JQuery

bootstrap-kalandrie Mahatalanjona anay hatrany ireo vondrom-piarahamonina goavambe manodidina azy Bootstrap, rafitra CSS fanta-daza , noforonin'i Twitter. Amin'ity indray mitoraka ity dia manolotra kalandrie miorina amin'ny Bootstrap aho voalahatra miaraka amin'ny Javascript sy JQueryHo fanampin'izay, hanazava amin'ny antsipiriany ny ampahan'ny fiasan'ny kalandrie aho ary hanampy tetika sy fanatsarana azonao atao.

Ity kalandrie Bootstrap ity dia manana endrika madio ary tanteraka manaiky, dia ho tsara tarehy amin'ny fitaovana rehetra! Izy io koa dia mampiditra a fandikana amin'ny fiteny mihoatra ny 7 ary izy rehetra ny daty fety isaky ny firenena dia misongadina sy manamarika. Haitra!

Somary sarotra ny fiasan'ity Kalandrie Bootstrap ity, manaisotra ny datin'ny mpampiasa avy amin'ny fisie JSON aloha, fa, ho an'ireo mpampiasa Creativos Online ihany, hanazava ny fomba esory amin'ny database MYSQL ireo zava-nitranga ho an'ny fampiharana azy tonga lafatra amin'ny rafitra rehetra.

Rafitra Database fanta-daza

Rafitra Database fanta-daza

Fiasan'ny rakitra voalohany amin'ny fampiharana:

INDEX.HTML

  • Bootstrap 2.3.2 mamoaka
  • Famolavolana tetiandro
  • Lisitry ny hetsika
  • Mitety ny Kalandrie
  • Fijerena ny kalandrie samihafa (Andro / Herinandro / Volana / Taona)
  • Mametraka ny fampiharana ao amin'ny JS
  • Safidy fiteny

INDEX-BS3.HTML

  • Bootstrap 3.0 mamoaka
  • Famolavolana tetiandro
  • Lisitry ny hetsika
  • Mitety ny Kalandrie
  • Hevitra isan-karazany amin'ny kalandrie (Andro / Herinandro / Volana / Taona)
  • Mametraka ny fampiharana ao amin'ny JS
  • Safidy fiteny

EVENTS.JSON.PHP

  • Lisitry ny hetsika misy ireto data manaraka ireto:
    • id: mpamaritra hetsika
    • Lohateny: lohatenin'ny hetsika
    • URL: url amin'ny hetsika
    • kilasy: karazana hetsika (info | fampitandremana |…) ho an'ny loko manaraka.
    • manomboka: daty nanombohana
    • tapitra: daty famaranana

APP.JS

  • Variables izay mitahiry ny fikirakirana ny fampiharana.
  • Fampiasana JQuery fanampiny

CALENDAR.JS

  • Fikirana fampiharana lehibe
  • Fampiasana lehibe ao amin'ny Kalandrie
  • Fanesorana sy fitsaboana ny hetsika
  • Daty fankalazana
  • Famindrana fiteny
  • Mametraka ny lisitry ny hetsika
  • Mametraka ny fomba fijerin'ny Kalandrie samihafa (Andro / Herinandro / Volana / Taona)

CALENDAR.CSS

  • Fomban'ny kalandrie
  • Lisitry ny lisitry ny hetsika
  • Kalandrie fomba ho an'ny fitaovana hafa

Esory ny fisehoan-javatra avy amin'ny tahiry

Mba hitrandrahana ireo zava-nitranga tao amin'ny base database MYSQL hosoloinay ny tsipika fisie hetsika.json.php por:

<?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 | Kalandrie Bootstrap

Ampidino | Kalandrie Bootstrap

Fampahalalana misimisy kokoa | Bootstrap: Fram Framework CSS


Ny atin'ny lahatsoratra dia manaraka ny fitsipiky ny etika fanonta. Raha hitatitra tsindry diso eto.

14 hevitra, avelao ny anao

Avelao ny hevitrao

Ny adiresy email dia tsy ho namoaka. Mitaky saha dia marika amin'ny *

*

*

  1. Tompon'andraikitra amin'ny data: Miguel Ángel Gatón
  2. Tanjon'ny angona: Control SPAM, fitantanana hevitra.
  3. Legitimation: Ny fanekenao
  4. Fifandraisana momba ny angona: Tsy hampitaina amin'ny antoko fahatelo ny angona raha tsy amin'ny adidy ara-dalàna.
  5. Fitehirizana angona: Database nomen'ny Occentus Networks (EU)
  6. Zo: Amin'ny fotoana rehetra, azonao atao ny mametra, mamerina ary mamafa ny mombamomba anao.

  1.   David Z dia hoy izy:

    rehefa manamarina ny kaody Sergio aho

    1.    Sergio Ródenas dia hoy izy:

      Efa voamarina ny kaody! Ny zavatra tokana dia mila mamorona «fisehoan-javatra» latabatra ao anaty tahiry ianao miaraka amin'ireto sehatra manaraka ireto: {id | trano | mifarana | anarana | kilasy | url} ary ampifanaraho ny fidirana amin'ny datao!

      1.    Rosa dia hoy izy:

        Nanova ireo fiovana ireo aho ho an'ny hafa, ary nahafahako nanampy ny zava-nitranga tao amin'ny tobim-baovaoko, saingy tsy hitako taratra amin'ny kalandrie izany. Ary ahoana no fomba hahitako ny angon-drakitra ny hetsika arakaraka ny andro kitikitihako amin'ny kalandrie?

  2.   jose luis zamudio (@JoseZami) dia hoy izy:

    Mba hanaovana sy fanatanterahana ny famoronana hetsika dia tsy maintsy mamorona angona angona ianao, saingy inona ny dikany dia azoko ampidirina ao ny zava-mitranga ary ho toy ny default dia Espaniola ny fiteny satria voafaritra ho anglisy ny default.

    1.    Sergio Ródenas dia hoy izy:

      Raha hamboarina amin'ny fiteny espaniola ny fiteny dia tsara kokoa ny manolo ireo tadin'ny efa misy ao amin'ny rakitra Espaniôla amin'ireo izay amin'ny teny anglisy ao amin'ny fisie kalandrie.js. Na izany aza, misy fomba hafa mety kokoa, azonao atao ny mahita azy ireo ao amin'ny tranokalan'ny script na amin'ny vondrom-piarahamonina Github, mifamatotra amin'ity lahatsoratra ity.
      Ary koa, hiezaka ny handefa lahatsoratra vaovao aho afaka herinandro vitsivitsy izay hanazavako ny fomba famoronana fampidirana tranga ao anaty tahiry.

  3.   jose luis zamudio (@JoseZami) dia hoy izy:

    Misaotra betsaka, hankasitrahako ny lahatsoratra hampiditra hetsika :)

  4.   Jaïra dia hoy izy:

    Salama manana olana aho rehefa manamboatra ny zava-drehetra hifandraisako sy hongotako ny angon-drakitra avy amin'ny angon-drakitra tsy mampiseho zava-mitranga amiko

  5.   diego dia hoy izy:

    tsy mampiditra hetsika ao anaty tahiry

  6.   Gonza dia hoy izy:

    Azonao atao ve ny mandefa ny fomba fampidirana hetsika? amin'ny sehatra voalohany sy farany, karazana data toa inona izy io? timestamp? misy "0" sisa tavela, mila ampidiriko ary afaka manitsy ny hetsika. MISAOTRA

  7.   Alakamisy dia hoy izy:

    MAMORA DATABASE RAHA TSY MISY «bootstrap_calendar` / *! 40100 DEFAULT CHARACTER SET apf8 COLLATE utf8_spanish_ci * /;
    Mampiasà `bootstrap_calendar`;
    - MySQL manary 10.13 Distrib 5.6.13, ho an'ny Win32 (x86)
    -
    - Host: 127.0.0.1 Database: bootstrap_calendar
    - ——————————————————
    - Server version 5.5.27

    / *! 40101 MAMETRIKA @OLD_CHARACTER_SET_CLIENT = @@ CHARACTER_SET_CLIENT * /;
    / *! 40101 MAPETSIKA @OLD_CHARACTER_SET_RESULTS = @@ CHARACTER_SET_RESULTS * /;
    / *! 40101 Mametraka @OLD_COLLATION_CONNECTION = @@ COLLATION_CONNECTION * /;
    / *! 40101 MAMETROA ANAM-BOLA utf8 * /;
    / *! 40103 MAPETY @OLD_TIME_ZONE = @@ TIME_ZONE * /;
    / *! 40103 MANORASA TIME_ZONE = '+ 00:00 ′ * /;
    / *! 40014 SET @OLD_UNIQUE_CHECKS = @@ UNIQUE_CHECKS, UNIQUE_CHECKS = 0 * /;
    / *! 40014 SET @OLD_FOREIGN_KEY_CHECKS = @@ FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS = 0 * /;
    / *! 40101 SET @OLD_SQL_MODE = @@ SQL_MODE, SQL_MODE = 'NO_AUTO_VALUE_ON_ZERO' * /;
    / *! 40111 SET @OLD_SQL_NOTES = @@ SQL_NOTES, SQL_NOTES = 0 * /;

    -
    - Rafitra latabatra ho an'ny fisehoan-javatra `table`
    -

    TETITRA MITONDRA RAHA MISY `fisehoan-javatra`;
    / *! 40101 SET @saved_cs_client = @@ character_set_client * /;
    / *! 40101 SET character_set_client = utf8 * /;
    Mamorona `fisehoan-javatra TABLE` (
    `id` int (10) tsy nasiana sonia TSY MISY AUTO_INCREMENT,
    `title` varchar (150) COLLATE utf8_spanish_ci DEFAULT NULL,
    soratra hoe `body` COLLATE utf8_spanish_ci TSY MISY,
    `url` varchar (150) COLLATE utf8_spanish_ci TSY AZO,
    `class` varchar (45) COLLATE utf8_spanish_ci TSY NULL DEFAULT 'info',
    `start` varchar (15) COLLATE utf8_spanish_ci TSY AZO,
    `end` varchar (15) COLLATE utf8_spanish_ci TSY AZO,
    KEY PRIMARY (`id`)
    ) ENJINY = InnoDB DEFAULT CHARSET = utf8 COLLATE = utf8_spanish_ci;
    / *! 40101 SET character_set_client = @saved_cs_client * /;

    -
    - Fanangonana data ho an'ny fisehoan-javatra `table`
    -

    LOCK TABLES `hetsika` MANORATRA;
    / *! 40000 ALTER TABLE `hetsika` FENO FENO * /;
    / *! 40000 ALTER TABLE `hetsika` KOKOA AOKA * /;
    VAKAVAKAO;
    / *! 40103 Mametraha TIME_ZONE = @ OLD_TIME_ZONE * /;

    / *! 40101 SET SQL_MODE = @ OLD_SQL_MODE * /;
    / *! 40014 MAMETY FOREIGN_KEY_CHECKS = @ OLD_FOREIGN_KEY_CHECKS * /;
    / *! 40014 SET UNIQUE_CHECKS = @ OLD_UNIQUE_CHECKS * /;
    / *! 40101 ATSY CHARACTER_SET_CLIENT = @ OLD_CHARACTER_SET_CLIENT * /;
    / *! 40101 Mametraka CHARACTER_SET_RESULTS = @ OLD_CHARACTER_SET_RESULTS * /;
    / *! 40101 Mametraha COLLATION_CONNECTION = @ OLD_COLLATION_CONNECTION * /;
    / *! 40111 SET SQL_NOTES = @ OLD_SQL_NOTES * /;

    - Vita tamin'ny 2014-05-31 14:38:23

  8.   juan77 dia hoy izy:

    hello migos misy fomba hanovana ny format datin'ny JSON ve

  9.   giselabra dia hoy izy:

    Tena tsara ny kalandrie, raha tsy rehefa mampiditra hetsika vaovao ny daty izay aoriny amin'ny alàlan'ny toerana misy anao na amin'ny voalohany na amin'ny farany dia amin'ny endrika anglisy, ahoana no hanovako azy amin'ny teny Espaniôla? DD / MM / YYYY izany. Misaotra betsaka ary arahaba

  10.   Fabian dia hoy izy:

    Salama, tsara ny kalandrie, fa rehefa manavao daty dia tsy hita taratra amin'ny kalandrie. Inona no azoko atao?

    Izaho koa manana olana hafa, ahoana no fomba hampisehoako ny teboka rehetra amin'ny fahitana isam-bolana, azo atao ve ny manitatra ny kianja? inona no mifanaraka amin'ny iray andro?

  11.   Alex dia hoy izy:

    Manana ny olana eto an-toerana aho rehefa mametraka ny ohatra dia mandeha tsara fa rehefa apetrako amin'ny mpizara an-tserasera dia tsy aseho ahy na inona na inona avy amin'ny kalandrie ireo bokotra fotsiny. Izay hevitra mety hisy na inona no tsy mety amin'ny mpizara hanamboarana azy azafady.