Kalandarka Bootstrap ee leh JQuery

bootstrap-kalandarka Waxaan si aad ah ula dhacsan nahay bulshada weyn ee ku meersan Bootstrap, qaab-dhismeedka CSS ee caanka ah , waxaa abuuray Twitter. Markan waxaan kuu soo bandhigayaa jadwal ku saleysan Bootstrap waxaa lagu barnaamijiyay Javascript iyo JQuery, Waxaan sidoo kale si faahfaahsan u sharixi doonaa qayb ka mid ah hawlgalka kalandarka waxaanan ku dari doonaa tabaha iyo hagaajinta aad samayn karto.

Jadwalkaan Bootstrap wuxuu leeyahay naqshad nadiif ah oo gebi ahaanba waa jawaab, waxay si fiican uga eegi doontaa qalabka oo dhan! Waxay kaloo kujirtaa a in ka badan 7 luqadood iyo dhamaan taariikhaha ciidda ee waddan kasta waa la muujiyaa oo la xusaa. Raaxo!

Hawlgalka Jadwalka Bootstrap-ka ayaa xoogaa adag, wuxuu ka soo saaraa taariikhaha isticmaalaha faylka JSON markii hore, laakiin, si gaar ah loogu talagalay isticmaaleyaasha Creativos Online, waan sharxi doonaa sida ka soo saar dhacdooyinka xogta MYSQL hirgelinteeda dhammaystiran ee nidaam kasta.

Nidaamka xogta la yaqaan

Nidaamka xogta la yaqaan

Hawlaha faylasha ugu muhiimsan ee arjiga:

INDEX.HTML

  • Bootstrap 2.3.2 raritaan
  • Naqshadaynta Jadwalka
  • Liiska Dhacdooyinka
  • Raadinta Kalandarka
  • Aragtiyo Kalaandar ah oo kala duwan (Maalin / Toddobaad / Bisha / Sannad)
  • Ku shubashada arjiga JS
  • Xulista luqadda

INDEX-BS3.HTML

  • Bootstrap 3.0 raritaan
  • Naqshadaynta Jadwalka
  • Liiska Dhacdooyinka
  • Raadinta Kalandarka
  • Aragtiyo kala duwan oo taariikheed ah (Maalin / Usbuuc / Bisha / Sannad)
  • Ku shubashada arjiga JS
  • Xulista luqadda

DHACDOOYINKA.JSON.PHP

  • Liiska Dhacdooyinka leh xogta soo socota:
    • aqoonsi: aqoonsi dhacdo
    • cinwaanka: cinwaanka dhacdo
    • url: url ee dhacdada
    • fasalka: nooca dhacdo (faafaahin | digniin |…) midabada xigta.
    • bilow: Taariikhda billowga
    • dhamaadka: taariikhda joojinta

APP.JS

  • Doorsoomayaasha kaydiya isku xidhka arjiga.
  • Hawlaha JQuery dheeraad ah

KALANDARKA.JS

  • Dejinta codsiyada ugu muhiimsan
  • Hawlaha ugu muhiimsan ee Jadwalka
  • Soo saarida iyo Daaweynta dhacdooyinka
  • Taariikhaha ciidda
  • Loading Loading
  • Loading liiska Dhacdooyinka
  • Loading the Kalandaar Aragtida kala duwan (Maalin / Toddobaad / Bisha / Sannad)

KALANDARKA.CSS

  • Noocyada Jadwalka
  • Hababka liiska dhacdooyinka
  • Noocyada jadwalka ee qalabka kale

Ka soo saar dhacdooyinka xogta

Si looga soo saaro dhacdooyinka keydka xogta MYSQL waxaan baddali doonaa safafka feylka dhacdooyinka.json.php by:

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

Degso | Kalandarka Bootstrap

Macluumaad dheeri ah | Bootstrap: Qaabdhismeedka CSS


Nuxurka maqaalka wuxuu u hogaansamayaa mabaadi'deena anshaxa tifaftirka. Si aad u soo sheegto khalad guji Halkan.

14 faallooyin, ka tag taada

Ka tag faalladaada

cinwaanka email aan la daabacin doonaa. Beeraha loo baahan yahay waxaa lagu calaamadeeyay la *

*

*

  1. Masuul ka ah xogta: Miguel Ángel Gatón
  2. Ujeedada xogta: Xakamaynta SPAM, maaraynta faallooyinka.
  3. Sharci: Oggolaanshahaaga
  4. Isgaarsiinta xogta: Xogta looma gudbin doono dhinacyada saddexaad marka laga reebo waajibaadka sharciga ah.
  5. Kaydinta xogta: Macluumaadka ay martigelisay Shabakadaha Occentus (EU)
  6. Xuquuqda: Waqti kasta oo aad xadidi karto, soo ceshan karto oo tirtiri karto macluumaadkaaga.

  1.   David Z dijo

    sida aan u hubiyo koodhka Sergio

    1.    Sergio Ródenas dijo

      Koodhka ayaa horay loo hubiyay! Waxa kaliya, waa inaad ku sameysato jadwalka «dhacdooyinka» keydka macluumaadkaaga meelaha soo socda: {id | guri | dhamaadka | magac | fasalka | url} oo u diyaarso helitaanka macluumaadkaaga!

      1.    ros dijo

        Waxaan u beddelay kuwa is-beddelkaas kuwa kale, waxayna ii oggolaatay inaan ku daro dhacdada kaydkayga, laakiin uma arko inay ka muuqato kalandarka. Sideese ku soo ceshan karaa xogta dhacdooyinka iyadoo kuxiran maalinta aan riixo jadwalka?

  2.   jose luis zamudio (@AbdihakimAinte) dijo

    Si loo sameeyo loona sameeyo abuurka dhacdooyinka, markaa xog-ururin waa in la sameeyaa, laakiin waxa ku saabsan waa inaan ku lifaaqi karo dhacdooyinka iyada oo aan ugu talagaly luqadda Isbaanishka maxaa yeelay waxaa lagu qeexay Ingiriis ahaan asal ahaan

    1.    Sergio Ródenas dijo

      Si luuqadda loogu sii dejiyo Isbaanishka, waxaa ugu wanaagsan in la beddelo xargaha jira ee ku jira faylka luuqadda Isbaanishka iyo kuwa ku qoran Ingiriisiga ku jira faylka kalandarka. Si kastaba ha noqotee, waxaa jira habab kale oo cusub, waxaad ka heli kartaa websaydhka weyn ee qoraalka ama bulshada Github, oo ku lifaaqan boostadan.
      Sidoo kale, waxaan isku dayi doonaa inaan soo rogo qoraal cusub toddobaadyo gudahood halkaas oo aan ku sharixi doono sida loo abuuro galinta dhacdooyinka keydka xogta.

  3.   jose luis zamudio (@AbdihakimAinte) dijo

    Aad baad u mahadsan tahay, waan ku qancin doonaa boostada si aan u geliyo dhacdooyinka :)

  4.   jair dijo

    hello dhibaato ayaan qabaa marka aan wax walba hagaajinayo si aan isugu xiro oo aan xogteyda uga soo saaro keydka kaydka iima tusayso wax dhacdo ah

  5.   Diego dijo

    dhacdo ma galiyo keydka macluumaadka

  6.   Gonza dijo

    Ma dhejin kartaa sida loo geliyo dhacdooyinka? bilowga iyo dhamaadka meelaha xog noocee ah ayey tahay? timestamp? waxaa haray "0", waxaan u baahanahay inaan soo galiyo oo aan awood u yeesho inaan wax ka beddelo dhacdooyinka. Mahadsanid

  7.   Khamiista dijo

    ABUUR DATABASE HADDII AANAN JIRIN `` bootstrap_calendar` / *!
    ISTICMAAL `` bootstrap_calendar`;
    - Qashinka MySQL 10.13 Qaybi 5.6.13, ee Win32 (x86)
    -
    - Marti: 127.0.0.1 Macluumaadka: bootstrap_calendar
    - ——————————————————
    - Nooca Server 5.5.27

    / *! 40101 SET @OLD_CHARACTER_SET_CLIENT = @@ CHARACTER_SET_CLIENT * /;
    / *! 40101 SET @OLD_CHARACTER_SET_RESULTS = @@ CHARACTER_SET_RESULTS * /;
    / *! 40101 SET @OLD_COLLATION_CONNECTION = @@ COLLATION_CONNECTION * /;
    / *! 40101 MAGACYADA SET utf8 * /;
    / *! 40103 SET @OLD_TIME_ZONE = @@ TIME_ZONE * /;
    / *! 40103 SET 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 * /;

    -
    - Qaab dhismeedka miiska dhacdooyinka miiska '
    -

    JOOJI SHAQADA HADDII AY JIRTO 'dhacdooyinka';
    / *! 40101 SET @saved_cs_client = @@ character_set_client * /;
    / *! 40101 SET character_set_client = utf8 * /;
    ABUUR SHAXDA `` dhacdooyinka '' (
    `` id 'int (10) aan la saxeexin MA AHAN AUTO_INCREMENT,
    `` title` varchar (150) ISKU DUWAN utf8_spanish_ci DEFAULT NULL,
    qoraalka jirka 'COLLATE utf8_spanish_ci NOT NULL,
    `` url` varchar (150) ISKU DUWAN utf8_spanish_ci MA AHN,
    `` class` varchar (45) COLLATE utf8_spanish_ci MA AHN NULL DEFAULT 'info',
    'start` varchar (15) ISKU DUWAN utf8_spanish_ci MA AHN,
    'end` varchar (15) ISKU DUWAN utf8_spanish_ci MA AHN,
    FURAHA KOOWAAD (`` id`)
    ) ENGINE = InnoDB SHAXDA SHARCIYADA = utf8 COLLATE = utf8_spanish_ci;
    / *! 40101 SET character_set_client = @saved_cs_client * /;

    -
    - Xogta lagu daadinayo dhacdooyinka miiska
    -

    SHAXDA LOCK 'events` QORA;
    / *! 40000 TILMAAN QORAALKA 'dhacdooyinka' FURI FURAHA * /;
    / *! 40000 JADWALKA TALO 'dhacdooyinka' FURSADAHA FURAHA * /;
    SHAXDA FURAN;
    / *! 40103 SET TIME_ZONE = @ OLD_TIME_ZONE * /;

    / *! 40101 SET SQL_MODE = @ OLD_SQL_MODE * /;
    / *! 40014 SET AJNABI_KEY_CHECKS = @ OLD_FOREIGN_KEY_CHECKS * /;
    / *! 40014 SET UNIQUE_CHECKS = @ OLD_UNIQUE_CHECKS * /;
    / *! 40101 SET CHARACTER_SET_CLIENT = @ OLD_CHARACTER_SET_CLIENT * /;
    / *! 40101 SET CHARACTER_SET_RESULTS = @ OLD_CHARACTER_SET_RESULTS * /;
    / *! 40101 SET COLLATION_CONNECTION = @ OLD_COLLATION_CONNECTION * /;
    / *! 40111 SET SQL_NOTES = @ OLD_SQL_NOTES * /;

    - Qashin-dhammeystir ah 2014-05-31 14:38:23

  8.   juan77 dijo

    hello migos ma jirtaa waddo kasta oo lagu beddelo qaabka taariikhda JSON

  9.   giselabra dijo

    Jadwalka waa mid aad u wanaagsan, kaliya marka lagu daro dhacdo cusub taariikhda ay u qaadaneyso asal ahaan bilowga iyo dhammaadka waa qaab Ingiriis ah, sidee ugu beddelaa Isbaanish? Waxay noqon laheyd DD / MM / YYYY. Aad baad u mahadsantahay iyo salaan

  10.   Fabian dijo

    Waad salaaman tihiin, jadwalka taariikhdu aad buu u wanaagsan yahay, laakiin markii taariikh la cusbooneysiinayo isla markiiba kama muuqaneyso kalandarka. Maxaan sameyn karaa?

    Sidoo kale dhibaato kale ayaa i haysata, sideen uga dhigi karaa dhammaan dhibcaha inay muujiyaan muuqaalka billaha ah, suurtagal ma tahay in la ballaadhiyo laba jibbaaraha? maxaa u dhigma maalin?

  11.   Alex dijo

    Waxaan ku haystaa dhibaatada marka maxalliga la raacayo tusaale ahaan ay u shaqeyso si dhammaystiran laakiin markii aan u galiyo server-ka khadka tooska ah wax iima timaado kalandarka oo keliya badhannada. Fikrad kasta oo laga yaabo inay noqon karto ama waxa khaldan serverka si loo saxo fadlan.