本文介绍了移动引导日期选择器的位置的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我可以将日期选择器移到日历图标附近吗???任何修复此问题将不胜感激. datepicker是动态生成的.
Can I able to move the datepicker near the calender icon ??? Any fix for this would be appreciated. datepicker is generated dynamically.
<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的一点点
What you need is little bit of jquery
请参见此处
jQuery
$('#datetimepicker1').click(function(){
var popup =$(this).offset();
var popupTop = popup.top - 40;
$('.ui-datepicker').css({
'top' : popupTop
});
});
有关日期选择器的定位,请阅读这里
About positioning of datepicker read here
这篇关于移动引导日期选择器的位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!