📜  jquery datepicker 设置年份范围 - Javascript (1)

📅  最后修改于: 2023-12-03 15:02:09.523000             🧑  作者: Mango

jQuery Datepicker 设置年份范围

jQuery Datepicker是一个非常流行的日期选择插件,它允许用户从一个日历选择一个日期。这个插件提供了许多配置选项,其中之一就是设置年份范围。通过设置年份范围,您可以限制用户只能选择特定的年份。

设置最小和最大年份

要设置最小和最大年份,您可以使用minDatemaxDate选项。以下是一些示例代码:

$( "#datepicker" ).datepicker({
  minDate: new Date(1950, 1 - 1, 1), // 最早可以选择的日期
  maxDate: new Date(), // 最晚可以选择的日期
  dateFormat: 'yy-mm-dd' // 日期格式为yyyy-mm-dd
});

上面的示例代码将允许用户从1950年1月1日至今天之间选择一个日期。您可以根据需要自行调整日期范围。

设置可选年份

要设置可选年份,您可以使用yearRange选项。yearRange选项允许您定义可选年份范围。

以下是一些示例代码:

$( "#datepicker" ).datepicker({
  yearRange: '1950:2021', // 可选的年份范围
  dateFormat: 'yy-mm-dd' // 日期格式为yyyy-mm-dd
});

上面的示例代码将允许用户从1950年至2021年之间选择一个日期。

总结

通过设置日期选择器的年份范围,您可以限制用户只能选择特定的年份。您可以使用minDatemaxDate选项来设置日期范围,或者使用yearRange选项来定义可选年份范围。这些选项允许您将日期选择限制在所需的范围内。