Bootstrap Default Calendar

Default calendarĀ  how to show in a html page

HTML has a special input type for datesĀ  <input type=”date”>

You can create an <input> element with type=”date”

<input> elements of type date create input fields that let the user enter a date

calendar by default to select date in the input field of html.

<input type=”date” name=”bday”>

where date is an attributeĀ 

To set a particular day, you’ll need to set the value to a YYYY-MM-DD format like

<input type=”date” value=”1947-08-15″>

You can also use the min and max attributes to add restrictions to dates.

HTML

<div class="form-group calendar">
<label for="usr">Name:</label>
<input type="date" class="form-control" id="name" placeholder="Name">
</div>

CSS

.calendar label{background:none;color:#000;}