Surya Badrinath Surya Badrinath - 1 year ago 158
CSS Question

move the position of bootstrap datepicker

enter image description hereCan I able to move the datepicker near the calender icon ??? Any fix for this would be appreciated. datepicker is generated dynamically.

I have given id to div

enter image description here

<div class="datepick col-sm-6">
<div class='input-group date' id='datetimepicker1' >
<input type='text' class="form-control" placeholder="Select Start Date"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
autoclose: true,
startDate: '-0m',
todayHighlight: true
}).on('changeDate', function(ev){

enter image description here

Answer Source

What you need is little bit of jquery

see here


    var popup =$(this).offset();
    var popupTop = - 40;
      'top' : popupTop

About positioning of datepicker read here

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download