时间戳

首页 > 解决方案 > 小屏幕上的引导日期选择器问题

javascript - 小屏幕上的引导日期选择器问题

问题描述

我在 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);

          }
      );

标签： javascriptjquerybootstrap-modalbootstrap-datepicker

解决方案

推荐阅读