Question

我有一个问题，周围的日期选择器日历浮动。我需要阻止它这样做。我需要它留在输入框。

$('.date').datepicker({
  format: 'mm-dd-yyyy',
  autoclose: true
});

$('.close-button').unbind();

$('.close-button').click(function() {
  if ($('.datepicker').is(":visible")) {
    $('.date').datepicker('hide');
  } else {
    $('.date').datepicker('show');
  }
});

以下是小提琴： https://jsfiddle.net/qgzwwt70/4/

帮助。

Answer 1

您可以通过计算窗口滚动日期选择器弹出窗口的顶部偏移量来实现所需的行为。

$("#GIOCFModal").scroll(function(){

 if($('.datepicker-dropdown').length == 1)
 {
 if($('.date').offset().top > $('.datepicker-dropdown').offset().top)
 {
   var value = $('.date').offset().top  - 15 - $('.datepicker-dropdown').height();
 }
 else
 {
   var value = $('.date').offset().top + 35;
 }

 $('.datepicker-dropdown').offset({top:value})
 }

});

工作小提琴：https://jsfiddle.net/vLbphkq9/

停止使用日期选择器

1 个答案: