我被锁定在日期选择器中缩小

Question

我实际上试图限制用户在 Datepicker 中选择从今天起 2 年内的日期。所以现在出现了一个问题，当缩小太多时（缩小我的意思是当我们点击月份名称时它会缩小到所有月份，同样所有月份都会缩小到全年） this is the zooming out I am talking about

但是如果我缩小到以十年或一个世纪为一组显示日历的程度，我将无法放大回来，或者我的意思是无法返回到我可以返回的日历视图select 日期。

那么有没有办法限制用户在关卡后缩小？或者有办法解决吗？

我的日期选择器版本是 Bootstrap v4.1.1

这是我们使用的代码

tz_today 是今天的日期，yyyy-mm-dd 格式。

endDate = new Date(new Date().setFullYear(new Date().getFullYear() + 2)); pickDate = new Date(pickDate); // 年年年月日格式

$('#Datepicker').datepicker('destroy').datepicker({

        todayHighlight: true,

        beforeShowDay: function (date) {

            $highlight = calendar_highlight_classes(highlight_dates, pickDate, date);

            return $highlight;

        }

    }).datepicker('setStartDate', new Date(tz_today))

        .datepicker('setEndDate', endDate);

Answer 1

嗯，对我来说，MaxViewMode 很有魅力。默认情况下，它设置为 4，但我们可以根据需要更改它。符合我们的喜好

天(0) -> 月(1) -> 年(2) -> 十年(3) -> 世纪(4)

MaxViewMode: 2 - 限制用户进入年视图模式

我的代码限制用户只能去到年

$('#Datepicker').datepicker('destroy').datepicker({
    todayHighlight: true,
    endDate: endDate,
    maxViewMode: 2
});

这是文档https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#maxviewmode

我被锁定在日期选择器中缩小

I am locked zoomed out in date picker

javascript

jquery

jquery-ui-datepicker

bootstrap-datepicker