Breaking News: Grepper is joining You.com. Read the official announcement!

how make calender in bootstrap

Avenger answered on February 11, 2022 Popularity 10/10 Helpfulness 3/10

answer how make calender in bootstrap

how make calender in bootstrap

Comment

-1

/* 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>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Feb 11 2022

Avenger

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how make calender in bootstrap

Contents

More Related Answers

how make calender in bootstrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.