javascript - JQuery 日期选择器年份范围

我有 2 个这样的日期选择器

<input type="text" class="datepicker" data-year-range="2010:2016"/>
<input type="text" class="datepicker" data-year-range="2000:2020"/>

我必须为配置中的 2 个日期选择器定义 yearRange。所以，我喜欢这个。

$('.datepicker').datepicker({
    changeYear: true,
    // $(this) isn't working here
    //yearRange : $(this).attr('data-year-range'),
    yearRange : $('.datepicker').attr('data-year-range')
});

但是对于两个日期选择器，它只需要 2010:2016。我不明白为什么。这个想法是为日期选择器使用不同的日期范围。是否可能或我需要定义不同的日期选择器？

另外，在 datepicker 中是否可以在 html 中添加 yearRange 而不是 datepicker 配置？

这是 fiddle

最佳答案

您可以通过以下方式进行:

https://jsfiddle.net/m5fvc22f/16/

$(document).ready(function() {
     $('.datepicker').each(function() {
       $(this).datepicker({
         changeYear: true,
         yearRange: $(this).data('year-range'),
       });
     })
   })

关于javascript - JQuery 日期选择器年份范围，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39035712/