没有年份的日期选择器

Question

我想修改jqueryui date picker 使其看起来像in this photo。怎么做？

Answer 1

JqueryUI Date Picker documentation 提到了一个名为 yearRange 的设置，可用于执行此操作。

该值应该是允许的最小和最大年份。

因此，对于您的用例，只允许该范围内的当前年份。

$( ".my-date-selector" ).datepicker({
  yearRange: "2021:2021"
});

或者未来的证明答案将是

let year = new Date().getFullYear();
$( ".my-date-selector" ).datepicker({
  yearRange: `${year}:${year}`
});