0% found this document useful (0 votes)
35 views

Datepicker - JQuery UI

Datepicker _ JQuery UI

Uploaded by

AYUB METAH
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
35 views

Datepicker - JQuery UI

Datepicker _ JQuery UI

Uploaded by

AYUB METAH
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Plugins (https://plugins.jquery.com/) Contribute (https://contribute.jquery.org/) Events (https://js.

foundation/events)

Support (https://jquery.org/support/) JS Foundation (https://js.foundation/)

#BlackLivesMatter
To Donate, see this list of organizations to support
(https://bit.ly/fundthecommunity) from Reclaim the Block
(https://www.reclaimtheblock.org/)

(https://js.foundation/about/donate)

Demos (https://jqueryui.com/demos/) Search 

Download (https://jqueryui.com/download/)

API Documentation (https://api.jqueryui.com/)

Themes (https://jqueryui.com/themeroller/)

Development (https://jqueryui.com/development/)

Support (https://jqueryui.com/support/) Blog (https://blog.jqueryui.com/)

About (https://jqueryui.com/about/)

Interactions Datepicker
Draggable
Select a date from a popup or inline calendar
(https://jqueryui.com/draggable/)

Droppable
(https://jqueryui.com/droppable/)

Resizable
(https://jqueryui.com/resizable/)

Selectable
(https://jqueryui.com/selectable/)

Sortable
(https://jqueryui.com/sortable/)

Widgets

Accordion
(https://jqueryui.com/accordion/)

Autocomplete
(https://jqueryui.com/autocomplete/)

/
Button Examples
Date: 03/31/2021
(https://jqueryui.com/button/)
Default functionality
Checkboxradio (/resources/demos/datepicker/d
(https://jqueryui.com/checkboxradio/) Animations
(/resources/demos/datepicker/a
Controlgroup
(https://jqueryui.com/controlgroup/) Dates in other months
(/resources/demos/datepicker/o
Datepicker months.html)
(https://jqueryui.com/datepicker/)
Display button bar
Dialog (/resources/demos/datepicker/b

(https://jqueryui.com/dialog/) Display inline


(/resources/demos/datepicker/i
Menu
(https://jqueryui.com/menu/) Display month & year
menus
Progressbar (/resources/demos/datepicker/d
(https://jqueryui.com/progressbar/) month-year.html)

Selectmenu Display multiple


months
(https://jqueryui.com/selectmenu/)
(/resources/demos/datepicker/m
The datepicker is tied to a standard form input field. Focus on the
Slider calendars.html)
input (click, or use the tab key) to open an interactive calendar in a
(https://jqueryui.com/slider/) Format date
small overlay. Choose a date, click elsewhere on the page (blur the
Spinner (/resources/demos/datepicker/d
input), or hit the Esc key to close. If a date is chosen, feedback is
formats.html)
(https://jqueryui.com/spinner/) shown as the input's value.
Icon trigger
Tabs  view source (/resources/demos/datepicker/i
(https://jqueryui.com/tabs/) trigger.html)

Tooltip 1 <!doctype html> Localize calendar


(https://jqueryui.com/tooltip/) 2 <html lang="en"> (/resources/demos/datepicker/l
3 <head>
4 <meta charset="utf-8"> Populate alternate
5 <meta name="viewport" content="width=devicefield
Effects 6 <title>jQuery UI Datepicker - Default funct(/resources/demos/datepicker/a
7 <link rel="stylesheet" href="//code.jquery
8 <link rel="stylesheet" href="/resources/demfield.html)
Add Class 9 <script src="https://code.jquery.com/jqueryRestrict date range
(https://jqueryui.com/addClass/) 10 <script src="https://code.jquery.com/ui/1.1
(/resources/demos/datepicker/m
11 <script>
Color Animation 12 $( function() { max.html)
13 $( "#datepicker" ).datepicker(); Select a Date Range
(https://jqueryui.com/animate/) 14 } );
15 </script> (/resources/demos/datepicker/d
Easing 16 </head> range.html)
(https://jqueryui.com/easing/) 17 <body>
18 Show week of the
Effect 19 <p>Date: <input type="text" id="datepicker"><year
(https://jqueryui.com/effect/) 20 (/resources/demos/datepicker/s
21 week.html)
Hide 22 </body>
23 </html>
(https://jqueryui.com/hide/)

Remove Class
(https://jqueryui.com/removeClass/)Want to learn more about the datepicker widget? Check out the API documentation
(http://api.jqueryui.com/datepicker/).
Show
(https://jqueryui.com/show/)

Switch Class
(https://jqueryui.com/switchClass/)

Toggle
(https://jqueryui.com/toggle/)
/
Toggle Class
(https://jqueryui.com/toggleClass/)

Utilities

Position
(https://jqueryui.com/position/)

Widget Factory
(https://jqueryui.com/widget/)

BOOKS

jQuery UI in Action jQuery UI Themes jQuery UI Cookbook


TJ VanToll Adam Boduch Adam Boduch
(https://www.manning.com/books/jquery-
(https://www.packtpub.com/web-
(https://www.packtpub.com/web-
ui-in-action) development/jquery-ui- development/jquery-ui-
themes-beginners- cookbook)
guide)

Copyright 2021 OpenJS Foundation (https://openjsf.org/) and jQuery


contributors. All rights reserved. See jQuery License
 Learning Center (https://learn.jquery.com/)
(https://jquery.org/license/) for more information. The OpenJS Foundation
(https://openjsf.org/) has registered trademarks and uses trademarks. For  Forum (https://forum.jquery.com/using-jquery-ui/)
a list of trademarks of the OpenJS Foundation (https://openjsf.org/),
please see our Trademark Policy (https://trademark-policy.openjsf.org/)  API (https://api.jqueryui.com/)  Twitter (https://twitter.com/jqueryui)
and Trademark List (https://trademark-list.openjsf.org/). Trademarks and
logos not indicated on the list of OpenJS Foundation trademarks
(https://trademark-list.openjsf.org/) are trademarks™ or registered®
 IRC (https://irc.jquery.org/)  GitHub (https://github.com/jquery)
trademarks of their respective holders. Use of them does not imply any
affiliation with or endorsement by them. OpenJS Foundation Terms of
Use (https://terms-of-use.openjsf.org/), Privacy (https://privacy-
policy.openjsf.org/), and Cookie (https://www.linuxfoundation.org/cookies)
Policies also apply.

Web hosting by Digital Ocean (https://www.digitalocean.com) | CDN by


StackPath (https://www.stackpath.com)

You might also like