【问题标题】:How to enable year Before/After Specific year in Datepicker如何在 Datepicker 中启用特定年份之前/之后的年份
【发布时间】:2022-01-12 05:59:11
【问题描述】:

我使用 datepicker 在日历视图中只显示年份。

但我想将最大年份范围设置为当前年份,最小年份范围设置为 1900,并禁用我想在 Datepicker 中设置的范围之前/之后的年份,如下图所示。

这是我的 javascript 代码:

$("#datepicker").datepicker({
        format: "yyyy",
        viewMode: "years",
        minViewMode: "years",
        autoclose: true,
        changeYear: true,
        yearRange: '1900:' + new Date().getFullYear()
    });

但是年份范围不适合我。任何帮助将不胜感激。

谢谢!

【问题讨论】:

  • 您想限制用户可以选择的日期范围吗?还是日期选择器本身的年份范围?
  • 我想限制年份的范围。你可以看到上面的图片,我编辑了我的问题。
  • 你解决了这个问题吗?
  • 不,我仍然面临这个问题。
  • 我添加了另一种方法

标签: javascript jquery


【解决方案1】:

编辑 - 不同的方法


尝试使用 minDate 和 maxDate 属性:

let cur_year = (new Date).getFullYear();
$( "#datepicker" ).datepicker({
    minDate: new Date(1900, 0, 1),
    maxDate: new Date(cur_year, 11, 31)
});

您应该在获得当前年份后将日期转换回字符串, 目前,您正在尝试向字符串添加日期(这是不可能的)

所以它应该看起来像这样:

$("#datepicker").datepicker({
        format: "yyyy",
        viewMode: "years",
        minViewMode: "years",
        autoclose: true,
        changeYear: true,
        yearRange: '1900:' + new Date().getFullYear().toString()
    });

【讨论】:

  • 它对我不起作用。
  • 你能详细说明什么仍然不起作用吗?
  • 我想在特定年份之后/之前禁用,在我的情况下,我想将最小年份设置为 1900,最大年份设置为当前年份。
  • 这对我也不起作用。我编辑了我的问题,添加了两张图片以供参考。我想要完全一样。
猜你喜欢
  • 1970-01-01
  • 2017-02-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多