html - 移动引导日期选择器的位置

我可以将日期选择器移动到日历图标附近吗？任何修复此问题将不胜感激。 datepicker是动态生成的。

<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>
                                </span>
                            </div>
                    </div>
    <script>
     $('#datetimepicker1').datepicker({
            autoclose: true,
            startDate: '-0m',
            todayHighlight: true
        }).on('changeDate', function(ev){
            $('#sDate1').text($('#datetimepicker1').data('date'));
            $('#datetimepicker1').datepicker('hide');
        });
    </script>

最佳答案

您需要的是jQuery的一点点

见here

jQuery查询

$('#datetimepicker1').click(function(){
    var popup =$(this).offset();
    var popupTop = popup.top - 40;
    $('.ui-datepicker').css({
      'top' : popupTop
     });
});

关于日期选择器的定位，请阅读here

关于html - 移动引导日期选择器的位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40149983/