Slik installerer jQuery DatePicker i HTML

Jquery er et Javascript-bibliotek som gjør det lettere å skrive skript som legger interaktivitet og animasjon til websider. Utviklet av de samme menneskene som lager jQuery, jQuery UI eller brukergrensesnitt er en add-on bibliotek som legger til en rekke nyttige grensesnitt verktøy til nettsteder. Inkludert i jQuery UI er datovelgeren script, som legger til en pop-up-kalender til et tekstfelt du vil. For å oppnå dette, er alt du trenger å gjøre er å legge biblioteket filer til websiden og bruke jQuery å feste datovelgeren til et bestemt skjemafelt

Bruksanvisning

1 Åpne HTML-filen i Notepad eller en kode redigering program. Se etter "<script>" tags i koden og sjekke for å se om din webside inneholder jQuery og jQuery UI biblioteker. Bruk denne koden for å legge til bibliotekene:

<Script type = "text / javascript> </ script>

<Script type = "text / javascript> </ script>

Koden ovenfor går enten over den avsluttende "</ head>" tag eller over den avsluttende "</ body>" tag i HTML-koden.

2 Finn tekstfeltet som tar datoer i HTML-koden på skjemaet. Tilsett feltet hvis det ennå ikke finnes:

<Label> Dato: <input type = "text" id = "getdates" /> </ label>

Din tekstfeltet trenger en ID hvis du ønsker å legge datovelgeren.

3 Gå tilbake til "<script>" tags og legge til et nytt sett med "<script>" tags under siste i listen. Skriv jQuery kode mellom "<script>" koder, og starter med en funksjon for å sjekke om siden er ferdig lastet:

$ (Funksjon () {

});

Alle dine jQuery koden skal gå inn i funksjonen over slik at det ikke kjøres før alle sideelementer er lastet.

4 Bruk denne linjen med kode for å feste datovelgeren i tekstfeltet:

$ ( "#") Getdates datepicker (.);

Endre "getdates" til ID-navnet på datofeltet i skjemaet.