jquery ui
Csak adja meg a ciklus ezek a cikkek nem szánt edzett profi, csak a lendület fejlesztése, egyfajta kis túra lehetőségeket kezdők, azok számára, akiknek fogalmuk sincs a felhasználói felület és a jQuery egészére.
Nos, menjünk!
Így a készítményeket kész.
Ahhoz, hogy hozzon létre egy naptár van szüksége csak egy sor html:
Vagy ha szeretné beágyazni a naptár az oldalon, mint egy oldal elem:
És egy pár sornyi js:
És így van elég munkaképes naptár az orosz, de akkor mi a webhely angol nyelvű vagy ukrán? Megváltoztatni a helyzetet a javunkra, akkor csak meg kell változtatni egy paramétert, és meg lehet csinálni dinamikusan
„Default” standard funkcionalitást nem kell mindig egyes feladatok ellátására. Ezért kissé podredaktiruem beállításokat:
A fenti felsorolás megvan annyi, mint a három lehetőség közül, amelyek visszahívások.
beforeShow - ez a funkció, hogy fogják hívni, mielőtt a naptáron.
CSS-beállítások akkor meg az INPUT sárga alapon.
A onSelect meghatározza, hogy a funkció kerül meghívásra, amikor kiválaszt egy időpontot, vagy kijelzi a kiválasztott időpont a riasztási és így üres értéket css-lehetőség, hogy vissza fog térni INPUT korábbi formájában.
onClose funkció aktiválódik, amikor bezárja a naptár - t.e.vernet INPUT fehér háttér előtt.
Ebben a példában azt mutatják, a munkát párbeszéd módszer. Hívjuk ezt a módszert, ha a felhasználó rákattint a hivatkozásra. Az első érv - a metódus nevét, a második argumentum TextDate - az időpont, amikor az alapértelmezett megnyitni a naptár. Az érvelés onSelect átadhatók visszahívási funkció akkor jelenik meg, ha kiválaszt egy konkrét dátumot a naptárban. Az az érv, a beállítások akkor át egy objektumot az új beállításokat a widget, amely alkalmazható a naptár, ami nyitja az ablakot.
Nos itt, mint minden ... Jó szórakozást! És a következő egy lista az összes lehetőséget, módszerek és események.
- beforeShow - itt lehet meghatározni, hogy a funkció kerül meghívásra megnyitása előtt a naptár. A függvény paraméterként az objektumot, amely jellemzi a szöveg beviteli mező dolgozik a widget.
- beforeShowDay - megadhatjuk egyedi funkció, amely elviszi a kiválasztott időpont érvként ezt a lehetőséget. A funkció azt tömböt ad vissza, ha a indexű elem [0] - igaz vagy hamis jelzi-e vagy sem a választás ezen a napon. Indexű elem [1] tartalmazza a nevét az osztály (ok) a dátum megjelenítéséhez. Indexű elem [2] (opcionális) - a eszköztipp szövegét a dátum. A funkció kerül meghívásra minden dátumot a naptárban, ha a felhasználó lebeg.
- onChangeMonthYear - itt lehet meghatározni, hogy a funkció kerül meghívásra, ha módosítja a hónapot vagy évet a naptárban. A függvény három paramétert. Az első két érv - új év, hónap, a harmadik érv - az objektum datepicker.
- onClose - ez az opció határozza meg a függvény, amely fogják hívni, ha a naptári zárult kiválasztása nélkül dátumot.
- onSelect - ez az opció határozza meg a függvény, amely fogják hívni, ha a naptári ki azokat dátumot.
- Ez tönkreteszi - .datepicker ( „pusztítani”) eltávolítja az összes funkciót a widget Datepicker. Visszaadja az elemek az állam előtt elindulni.
- letiltása - .datepicker (disable) ideiglenesen megtilthatja az összes funkciót a widget. Újraengedélyezés annak használatát, akkor a kikapcsolási módot.
- lehetővé - .datepicker ( „enable”) engedélyezi az összes funkciót a widget, ha korábban nem volt szabad, hogy letiltsa a módszer használatát.
- lehetőség - .datepicker ( „opció”, Beállításnév [value]) ezzel a módszerrel meg lehet kapni, vagy az értéket minden modul opció inicializálás után.
- párbeszéd - .datepicker ( 'párbeszéd', dateText [onSelect], [beállítások], [pos]) megnyitja Datepicker widgetet a párbeszédablakban módot. A neki átadott dateText időpontot, amikor a naptár meg kell nyitni. Az egyéb, adott érveket. Az érvelés onSelect Átadhat függvényt, abban az időben a dátumot lehet kiválasztani a naptárban, az az érvelés, a beállítások akkor át egy objektumot az új beállítások modult érv pos - koordináták, amelyek a párbeszédablak nyílik meg. Használhatja az egér eseményeket, hogy meghatározzák a koordinátákat.
- isDisabled - .datepicker (isDisabled) módszer visszaadja az értéket true, ha a widget tiltani módszert alkalmazták, és egyébként false.
- hide - .datepicker ( 'elrejtés', [sebesség]) elrejti a korábban megnyitott naptár.
- mutatják - .datepicker ( 'show') megnyitja a naptárat.
- getDate - .datepicker (getDate) metódus visszaadja a kiválasztott dátum a naptárban.
- setDate - .datepicker (setDate ', dátum) módszer lehetővé teszi, hogy állítsa be a dátumot a naptárban. Argumentumérték lehet egy string dátum (pl 25/10/1917)
Hello mindenkinek! Mondd, mi a probléma, kérem. Azt csatlakozni az összes utasítást, minden rendben van, még a hatodik szamár. Indítása után a beállítások módosításához, mint a hozzá $ ( "# datepicker") datepicker ();. "); - ez mindenhol működik, kivéve a szamár, és minden! semmi nem történik, ha rákattint a dobozban. A honlapon - ez OK, megpróbáltam felvenni a beállításokat, hogy letölt egy mintát - ismét eltűnik a seggét.
Hello. Nagyon hasznos információkat, de sajnos nem értem, hogy a dátum jelenik meg a méret HH.NN.ÉÉÉÉ mint én, hogy változtassa meg dd.mm.yyyy. És még azután kiválasztja azt kell tudni, hogy a nap a héten dátum, hogyan kell csinálni?