How to disable past dates in Bootstrap datetimepicker after set check in date
<p>I know how to disable past days from current date.
its working with <a href="https://jsfiddle.net/65vaoqkw/7/" rel="nofollow"><strong>jsfiddle</strong></a></p>

<p>but my problem is how can I disable previous dates after select <code>check in</code> date.</p>

<p><strong>my jquery</strong></p>

<pre><code>$(function () {

        $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD'
        });
        $('#datetimepicker2').datetimepicker({
            format: 'YYYY-MM-DD'
        });
        $('#from_date').datetimepicker({
            format: 'YYYY-MM-DD'
        });
        $('#to_date').datetimepicker({
            format: 'YYYY-MM-DD'
        });
    });
</code></pre>

<p><strong>my view</strong></p>

<pre><code>&lt;div class='col-md-offset-2 col-sm-3 col-xs-6'&gt;
    &lt;div class="form-group"&gt;
        &lt;div class='input-group date' id='datetimepicker1'&gt;
            &lt;input type='text' name="from_date" id="from_date" class="form-control" /&gt;
            &lt;span class="input-group-addon"&gt;
                &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
            &lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class='col-sm-3 col-xs-6'&gt;
    &lt;div class="form-group"&gt;
        &lt;div class='input-group date' id='datetimepicker2'&gt;
            &lt;input type='text' name="to_date" id="to_date" class="form-control" /&gt;
            &lt;span class="input-group-addon"&gt;
                &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
            &lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class='col-sm-1 col-xs-12'&gt;
    &lt;button class="btn btn-info" id="search"&gt;SEARCH&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/yzvQf.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/yzvQf.jpg" alt="enter image description here"></a>
any help please.</p>