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.