/Javascript/Bootstrap/How make calender in bootstrap

How make calender in bootstrap

/* include this in header tag (<head> .. </head>)  */
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css" integrity="sha512-TQQ3J4WkE/rwojNFo6OJdyu6G8Xe9z8rMrlF9y7xpFbQfW5g8aSWcygCQ4vqRiJqFsDsE1T6MoAOMJkFXlrI9A==" crossorigin="anonymous" referrerpolicy="no-referrer" />


/*include this in footer before closing body tag (</body>), after jquery cdn if used */
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


/* add this in html */
<label for="date" class="form-label">
		Due Date <span style="color:red;">*</span>
</label>
<div class="input-group date" id="datepicker">
    <input type="text" class="form-control datepicker" data-date-format="mm/dd/yyyy">
    <span class="input-group-addon">
    <span class="input-group-text bg-white d-block">
    <i class="fa fa-calendar"></i>
    </span>
    </span>
</div>


/* add this script after bootstrap-datepicker.min.js cdn  */
<script type="text/javascript">
            $(document).ready(function () {
                $('.datepicker').datepicker();
            });
        </script>

Similar codes

0 vote210 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote222 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap
0 vote224 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote205 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote197 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
3 votes220 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
2 votes228 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
253 votes295 views10 answers
Bootstrap cdn
Javascript Bootstrap
0 vote219 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
14 votes214 views2 answers
.col-12 bootstrap
CSS Bootstrap