Linked Datepicker
<p>I am new to bootstrap and trying to use linked datepicker where </p>

<ol>
<li><p>Only Date should be displayed (not time).</p></li>
<li><p>Default Selected Date shown in Datepicker as well as in textbox should be today's date on page load (before selecting any date from datepicker default date appeared in text box should be today's date).</p></li>
<li><p>Future dates should be disabled in startdate and enddate.</p></li>
</ol>

<p>I am using following code :</p>

<p><strong>Html Code</strong></p>

<pre><code>&lt;div class="container"&gt;
    &lt;div class="col-sm-6" style="height:75px;"&gt;
       &lt;div class='col-md-5'&gt;
            &lt;div class="form-group"&gt;
                &lt;div&gt;Start&lt;/div&gt;

                &lt;div class='input-group date' id='startDate'&gt;
                    &lt;input type='text' class="form-control" name="startDate" /&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-md-5'&gt;
            &lt;div class="form-group"&gt;
                &lt;div&gt;End&lt;/div&gt;

                &lt;div class='input-group date' id='endDate'&gt;
                    &lt;input type='text' class="form-control" name="org_endDate" /&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&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Script</strong></p>

<pre><code>jQuery(function () {
    jQuery('#startDate').datepicker({
        //format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true
    });
    jQuery('#endDate').datepicker({
        //format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true,
        useCurrent: false
    });

    jQuery('#startDate').datetimepicker().datepicker("setDate",new Date());
    jQuery('#endDate').datetimepicker().datepicker("setDate",new Date());

  jQuery("#startDate").on("dp.change",function (e) {
        jQuery('#endDate').data("DateTimePicker").setMinDate(e.date);
    });
    jQuery("#endDate").on("dp.change",function (e) {
        jQuery('#startDate').data("DateTimePicker").setMaxDate(e.date);
    });

});
</code></pre>

<p><strong>Using  jQuery('#startDate').datepicker().datepicker("setDate",new Date());
I can achieve point no. 2.</strong></p>

<p>However, issue is future date disabled works for datepicker and startdate enddate selection works with datetimepicker. (Using datepicker and datetimepicker shows two datepikcer controls one on textbox other on addon)</p>

<p>How to combine this to achieve all the three point using only datepicker  </p>