Výběr dat s uživatelským rozhraním jQuery

Některé z nich s komplikovanějším programováním než jiné nebo jednoduše s jejich implementací mohou být docela pracné, ale jQuery a jeho knihovní balíček nám dává způsoby, jak stavět Datepickers rychle a efektivně s nejmodernějším designem a provozem.
Metoda Datepicker ()
Způsob datepicker () změnit vzhled HTML přidáním nové třídy CSS, s touto úpravou je přidán kalendář, který je zobrazen v prvku vstupu typu, dříve specifikovaném ve funkci Javascript.
Metoda datepicker () lze použít dvěma různými způsoby:

 $ (selector, context) .datepicker (options) $ (selector, context) .datepicker ("action", params) 

Podívejme se na jednoduchý příklad, jak to funguje:

• Přidáme knihovny jQuery a CSS do našeho dokumentu.

• Vytváříme naši funkci v Javascript a vytvoříme instanci metody výběrčí dat a přiřazení selektoru, ve kterém se bude zobrazovat.

• A nakonec v HTML přidáme id = výběr data na vstup označující, že jeho operace, že když na něj kliknete, upraví CSS a zobrazí kalendář.

Datum: 

A v našem prohlížeči by to vypadalo takto:

Zde kompletní kód:

 jQuery UI Datepicker - výchozí funkce
Datum:

Podívejme se na pokročilejší příklad, ve kterém použijeme několik vlastností metody výběrčí dat pomocí kterých budeme ověřovat rozsahy dat a počet kalendářů, které se mají zobrazit.

• 1 - Nejprve přidáme potřebné soubory:

• 2 - Instanci metody provedeme dvakrát pro dvě pole různého typu vstupu, do kterých přidáme možnosti ověření, že datum zadané do druhého pole není větší než druhé, a také počet kalendářů, které se zobrazí.

• 3 - Nakonec vytvoříme náš vstup v souboru HTML s některými štítky k jejich identifikaci.

[/ odrážka] Od do 

Podívejme se, jak by to vypadalo v našem prohlížeči:

Zde nechávám kompletní kód, abyste jej mohli otestovat a provést změny podle vašich představ:

 jQuery UI Datepicker - Vyberte časové období od do 

Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod