Bootstrap Datetimepicker Disable Dates Dynamically

Bootstrap Datetimepicker Disable Dates Dynamically


<!DOCTYPE html>
    <title>Bootstrap Datetimepicker Disable Dates Dynamically -</title>
    <link href="" rel="stylesheet">
    <script src=""></script>
    <script src=""></script>  
    <script type="text/javascript" src=""></script>
    <link rel="stylesheet" type="text/css" href="">
    <script type="text/javascript" src=""></script>
<body style="background:#e2e2e2;">
<div class="container">
    <h3>Bootstrap Datetimepicker Disable Dates Dynamically -</h3>
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
<script type="text/javascript">
    $(function () {
          var disabledDate = ['2020-1-1', '2020-1-15','2020-1-3'];
            disabledDates: disabledDate

Read Also : Laravel 8 Eloquent Global Scope Tutorial Example

I hope it will help you. Also you can follow us on Facebook


About Shahriar Sagor

My name is Shahriar sagor. I'm a developer. I live in Bangladesh and I love to write tutorials and tips that will help to other Developer's. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.

View all posts by Shahriar Sagor →