The datepicker has many choices to control and modify dates according to requirements. Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide, Worth for me with eosnadan bootstrap 3 datepicker. You can use any icon from any resource like font awesome or any other platform to beautify your input field by aligning the icon in line with the input field. You have to use the Bootstrap library bootstrap-datepicker.js to add the date picker to the input box. Either use the CDN links or download the required files from GitHub site . D, DD: Abbreviated and full weekday names, respectively. If a number is given, the picker will limit how many dates can be selected to that number, dropping the oldest dates from the list when the number is exceeded. this way you are setting the date to '2012-08-08'. Eg, 12, 2012. toDisplay: function (date, format, language) to convert date object to string, that will be stored in input field, toValue: function (date, format, language) to convert string object to date, that will be used in date selection. Accepts: date, moment, string. The internal value of the date remains today as default, but when the datepicker is first opened the calendar will open to defaultViewDate rather than today. Is it possible to use setDate on an inline Bootstrap Datepicker? true equates to no limit. 528), Microsoft Azure joins Collectives on Stack Overflow. The local language select for displaying the date picker using angular and bootstrap. Connect and share knowledge within a single location that is structured and easy to search. The view that the datepicker should show when it is opened. These are the CDN links that I used for demonstration: The CSS: Gives the ability to pick only a month, a year or a decade. Datepicker with todayBtn and title option. Approach: Create an HTML file. For that, after including the CSS file of datetime picker, place the modified code either in the