小屏幕上的Bootstrap Datepicker问题

时间:2019-05-07 18:04:56

标签: javascript jquery bootstrap-modal bootstrap-datepicker

我在Bootstrap模式中有一个日期选择器。在正常屏幕上效果很好。但是我在小型手机屏幕上遇到以下问题

1)在正常屏幕上,日期选择器显示在输入字段的正下方,这是正确的,但在小屏幕上,日期选择器进一步向下移动,并且输入字段和日期选择器之间存在间隙。我希望将日期选择器的位置始终固定在每个屏幕尺寸上。

2)在小屏幕上,如果日期选择器是它的最后一个控件,它在屏幕底部被切断,而我们不能选择该月的最后一个日期,则应该有一个滚动条,可让您滚动和选择最后的日期

$("#ctl00_ContentPlaceHolder1_start").datepicker({
          todayBtn: 1,
          autoclose: true,
          format: 'm/d/yyyy',
          orientation: "bottom",
          daysOfWeekHighlighted: "0,6",
        //  container: $('#listModal'),
      })
          .on('changeDate', function (selected) {
              var minDate = new Date(selected.date.valueOf());
              $('#ctl00_ContentPlaceHolder1_end').datepicker('setStartDate', minDate);

          }
      );

0 个答案:

没有答案