How to set Datepicker in bootstrap?

By Hardik Savani | January 8, 2016 | | 20527 Viewer | Category : PHP Bootstrap


You are working on bootstrap and you want to add datepicker, then you have to use bootstrap-datepicker library. but if you are new and how to add datepicker in bootstrap then i provide you example of bootstrap datepicker.

How to set Datepicker in bootstrap datepicker, how to use datepicker in bootstrap, implement bootstrap datepicker, use bootstrap datepicker in php, how to use bootstrap datepicker in html, bootstrap datepicker example demo.

<title>How To Use Datepiker</title>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>

<strong>Date : </strong>

<input class="date form-control" style="width: 300px;" type="text">

<script type="text/javascript">

$('.date').datepicker({

format: 'mm-dd-yyyy'

});

</script>

If you want to select and change more option then you can check this link

Click Here





We are Recommending you: