Situatie
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you’re building highly interactive web applications, or you just need to add a date picker to a form control, jQuery UI is a perfect choice.
Solutie
Pasi de urmat
Download & Installation:
- Go to the official documentation (https://jqueryui.com/) of the jQueryUI and click on the Custom Download button to download a customized version of the library. After downloading the zip file, unzip the files and save them in a folder.
- File Structure: The file structure will look like the following.
Create an HTML file like index.html and add file links inside head section of code.
<link rel=”stylesheet” href=”jqueryui/jquery-ui.min.css”>
<script src=”jqueryui/external/jquery/jquery.js”></script>
<script src=”jqueryui/jquery-ui.min.js”></script>
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=
“width=device-width, initial-scale=1”>
<link href=
“https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css”
rel=”stylesheet”>
<script src=
“https://code.jquery.com/jquery-1.10.2.js”>
</script>
<script src=
“https://code.jquery.com/ui/1.10.4/jquery-ui.js”>
</script>
</head>
<body>
<h1>Welcome to GeeksforGeeks</h1>
<p>Date of Birth:
<input type=”text” id=”dob”>
</p>
<script>
$(“#dob”).datepicker();
</script>
</body>
</html>
Leave A Comment?