jQuery UI Datepicker duration Option Last Updated : 08 Mar, 2021 Comments Improve Suggest changes Like Article Like Report jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQueryUI Datepickers widget in jQueryUI allows users to enter dates easily and visually. In this article we will see how to use duration option in jQuery UI Datepicker. The duration option is used to set the duration of opening of the jQuery UI datepicker. Syntax: $(".selector").datepicker( {duration :"slow"} ); CDN Link: First, add jQuery UI scripts needed for your project. <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> Example 1: HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <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> <script> $(function () { $("#gfg").datepicker({ dateFormat: "yy/DD/dd/mm", duration: "slow" }); }); </script> </head> <h1>GeeksforGeeks</h1> <h3>jQuery UI | datepicker duration option</h3> <body> <p>Enter Date: <input type="text" id="gfg" /></p> </body> </html> Output: Reference: https://api.jqueryui.com/datepicker/#option-duration Comment More infoAdvertise with us Next Article jQuery UI Datepicker duration Option T taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads jQuery UI Datepicker isRTL Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepicker isRTL option is used to check whether the current language is drawn from right to left or not. Syntax: $( ". 1 min read jQuery UI Datepicker dayNames Option The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepickers widget allow users to enter dates easily and visually. In this article, we will see how to use dayNames 1 min read jQuery UI Datepicker defaultDate Option The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQuery UI Datepickers widget allows users to enter dates easily and visually. In this article, we will see how to use defaultDate 1 min read jQuery UI Datepicker dayNamesMin Option The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepickers widget users to enter dates easily and visually. In this article, we will see how to use dayNamesMin op 1 min read jQuery UI Datepicker gotoCurrent Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepicker gotoCurrent Option is used to move the current day link to the currently selected date instead of today if i 1 min read Like