Bootstrap datetimepicker is not working properly

See more:

ASP.NET

bootstrap

Hi ,

I am using bootstrap datetimeoicker for generating calender control for my DOB textbox

There are two issues happening

1. I want only date but this generates with time as well.
2. This works very odd on chrome , genarting 2 different calenders and even after clicking on calender icon i am not able to select dates from there.

Please help

<script type="text/javascript">
    $(document).ready(function () {
        bindDatePicker();
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindDatePicker);
    });

    function bindDatePicker() {
        $('.picker').datetimepicker({
            language: 'fr',
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            pickTime: false
        });
    }
</script>

<div class="form-group">
                          <label for="smallinput" class="col-sm-2 control-label label-input-sm">DOB</label>
                          <div class="input-group date  col-sm-8 picker" id='datetimepicker1'>
                              <asp:TextBox TextMode="Date" ID="txtDOB" runat="server" CssClass="form-control1 input-sm"></asp:TextBox>
                              <asp:RequiredFieldValidator ID="RequiredFieldValidator13" Display="None" runat="server" ErrorMessage="DOB is required." ControlToValidate="txtDOB" ValidationGroup="Save"></asp:RequiredFieldValidator>
                              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                          </div>
                          <input type="hidden" id="dtp_input2" value="" /><br />
                      </div>