Innholdsfortegnelse
Noen av disse med en mer komplisert programmering enn andre eller bare implementeringen deres kan være ganske slitsomme, men jQuery og bibliotekpakken gir oss metoder for å bygge Datapickers raskt og effektivt med topp moderne design og drift.Datepicker () -metoden
Metoden for Datovelger () endre utseendet på HTML -koden ved å legge til en ny CSS -klasse, med denne endringen legges det til en kalender som vises i et element av typeinngang, tidligere spesifisert i funksjonen Javascript.
Metoden Datovelger () kan brukes på to forskjellige måter:
$ (velger, kontekst) .datepicker (alternativer) $ (velger, kontekst) .datepicker ("handling", params) La oss se et enkelt eksempel på hvordan det fungerer:
- Vi legger til bibliotekene til jQuery og CSS til dokumentet vårt.
- Vi lager vår funksjon i Javascript og vi instantiserer metoden for Datovelger og tilordne den velgeren der den skal vises.
- Og til slutt i HTML vi legger til id = datepicker til inngangen som indikerer at operasjonen at når den klikkes på den endrer css og viser kalenderen.
Dato:
Og det ville se slik ut i nettleseren vår:
jQuery UI Datepicker - StandardfunksjonalitetDato:
La oss se et mer avansert eksempel der vi vil bruke flere egenskaper til metoden Datovelger som vi vil validere datointervaller samt antall kalendere som skal vises.
- 1 - Først inkluderer vi de nødvendige filene:
- 2 - Vi instanserer metoden to ganger for to felt av forskjellig inndatatype, som vi legger til alternativene for å bekrefte at datoen som er angitt i det andre feltet, ikke er større enn den andre, samt antall kalendere som skal vises.
- 3 - Til slutt lager vi våre innspill i HTML med noen etiketter for å identifisere dem.
[/ innrykk] Fra til
La oss se hvordan det ville se ut i nettleseren vår:
jQuery UI Datepicker - Velg et datoperiode fra tilLikte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
