Bootstrap datepicker example text input with date format

In this Article you will know how to use simple bootstrap datepicker example in your HTML form. Using jquery datepicker, you can simply select the current date from a calendar instead of typing manually. Here in below best example i use simple bootstrap datepicker which is going most popular as well as has full-featured with all types of the settings and libraries.

bootstrap datepicker example

The bellow simple example will tell you how to set datepicker using bootstraps datepicker in your HTML Form.

Also Read: Simple DateTime range with two inputs Example

Simple Bootstraps datepicker example

index.html

Also Read: Bootstraps datepicker Disable Dates Dynamically in jQuery

If you required to auto closing the date picker which means HTML jquery based datepicker immediately closed after selecting a your date and then you will have to set setting to the autoclose true :

$('#upcomming_movie').datepicker({
    autoclose: true,  
    format: "dd/mm/yyyy"
});