jQuery UI Datepicker showAnim Option Last Updated : 25 Feb, 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. jQuery UI Datepickers widget allow users to enter dates easily and visually. In this article, we will see how to use showAnim option in jQuery UI Datepicker. The showAnim option is used to add animations in the jQuery UI Datepicker. Syntax: $(".selector").datepicker( {showAnim: 'string'} ); Approach: 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: 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/mm", showAnim: "slideDown" } ); }); </script> </head> <body> <h1>GeeksforGeeks</h1> <h3>jQuery UI | datepicker showAnim option</h3> <p>Enter Date: <input type="text" id="gfg"></p> </body> </html> Output: Reference: https://api.jqueryui.com/category/widgets/ Comment More infoAdvertise with us Next Article jQuery UI Datepicker showButtonPanel Option T taran910 Follow Improve Article Tags : JQuery jQuery-UI Similar Reads jQuery UI Datepicker showOn 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. jQueryUI Datepickers widget in jQuery UI allows users to enter dates easily and visually. In this article we will see how to use show 1 min read jQuery UI Datepicker showWeek 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. jQuery UI Datepickers widget allow users to enter dates easily and visually. In this article, we will see how to use showWeek option 1 min read jQuery UI Datepicker showButtonPanel 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. jQuery UI Datepickers widget allows users to enter dates easily and visually. In this article, we will see how to use the showButtonP 1 min read jQuery UI Datepicker showOtherMonths 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. jQuery UI Datepicker allows users to enter dates easily and visually. In this article, we will see how to use showOtherMonths option 1 min read jQuery UI Datepicker stepMonths 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. jQuery UI Datepickers widget allow users to enter dates easily and visually. In this article, we will see how to use stepMonths optio 1 min read jQuery UI Datepicker show() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. 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 use the jQuery UI Datepicker s 1 min read Like