jQuery UI Datepicker yearRange 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 allows users to enter dates easily and visually. In this article, we will see how to use yearRange option in jQuery UI Datepicker. The yearRange option specifies how many months to move when one of the month navigation controls is clicked in jQuery UI datepicker. Syntax: $(".selector").datepicker( {showWeeks: true, yearRange:2020:2021} ); 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( { showWeek: true, yearRange: "2021:2022" } ); }); </script> </head> <body> <h1>GeeksforGeeks</h1> <h3>jQuery UI | datepicker yearRange 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 yearRange Option T taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads jQuery UI Datepicker yearSuffix 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 yearSuffix opti 1 min read jQuery UI Datepicker weekHeader 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 the weekHeader o 1 min read 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 option() Method jQuery UI datepicker option(optionName, value) method is used to set the value of the button option associated with the specified optionName. Syntax: $( ".selector" ).datepicker( "option", "disabled", true )Parameters: optionName: Option to be checked.value: Value to be checkedReturn values: This me 1 min read 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 Like