jQuery UI Datepicker navigationAsDateFormat Option Last Updated : 19 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. The jQuery UI Datepicker navigationAsDateFormat option is used to check whether the currentText, prevText, and nextText options should be parsed as dates by the formatDate function. All these are used to display the target month names. Syntax: $( ".selector" ).datepicker({ navigationAsDateFormat: true }); CDN Link: First, add jQuery UI scripts needed for your project. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/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-mm-dd", currentText: "Now", prevText: "Earlier", nextText: "Later", navigationAsDateFormat: true }); }); </script> </head> <body> <h1>GeeksforGeeks</h1> <h3>jQuery UI Datepicker navigationAsDateFormat Option</h3> <div>Enter Date: <input type="text" id="gfg" /></div> </body> </html> Output: Reference: https://api.jqueryui.com/datepicker/#option-navigationAsDateFormat Comment More infoAdvertise with us Next Article jQuery UI Datepicker navigationAsDateFormat Option P ppatelkap Follow Improve Article Tags : Web Technologies JQuery HTML-Tags jQuery-Methods jQuery-UI +1 More Similar Reads jQuery UI Datepicker minDate 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 minDate option is used to set the minimum selectable date. If we set it to null, there is no minimum date. S 1 min read jQuery UI Datepicker maxDate 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 maxDate option is used to set the maximum selectable date. If we set it to null, there is no maximum date. S 1 min read jQuery UI datepicker onSelect 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 onSelect Option is called when the datepicker option is selected. The onSelect option holds a function that 1 min read jQuery UI Datepicker nextText 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 jQueryUI allow users to enter dates easily and visually. In this article we will see how to use nextTe 1 min read jQuery UI Datepicker monthNamesShort 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 monthNamesShort option is used to set the list of abbreviated month names. It is used in the month header on 1 min read Like