Home Bootstrap How to set Datepicker in bootstrap?

How to set Datepicker in bootstrap?

by Shahriar Sagor
set Datepicker in bootstrap

Today now in this blog I will show you how to set Datepicker in bootstrap .Are you working on bootstrap and if you want to add datepicker, then some time you need to use bootstrap-datepicker library. but if you are new and don’t know how to add datepicker in bootstrap or you are face any issue to use then here I will  provide you example of bootstrap datepicker.

Here we know how to set Datepicker in bootstrap datepicker, and also know how to use datepicker in bootstrap, and know implement of  bootstrap datepicker, and also using bootstrap datepicker in php Application. We also know here how to use bootstrap datepicker in html and 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> 

Read Also : How to get last 7 days record in laravel?

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

Click Here

Thanks for read this, I hope it will you. You can also follow us on Facebook.

close

You may also like