Bladephp: Now with 8+ codeigniter, php, and laravel project 8+ php project From $37/Month From Rs. 2499/Month

Datepicker in Bootstrap

by
Category:javascript
javascript jquery
Datepicker in Bootstrap

I have face various problem on to integration on datepicker on website, and finlay we write code for easy integration of bootstrap datepicker on website

Header of Page

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script type="text/javascript" async="" src="https://apis.google.com/js/platform.js" gapi_processed="true"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css">

HTML Code

<form method="post">
   <div class="form-group">
      <label for="email">Datepicker :</label>
      <input class="form-control" placeholder="Datepicker" name="date" type="text">
   </div>
</form>
<br><br>
<div class="row">
   <div class="col-md-12">
      <label for="email">Inline Datepicker :</label>
      <div class="datepicker"></div>
      <input class="form-control selected_inline_date" type="text">
   </div>
</div>

0 Comments


Html code work in comment box


Related Post