JQuery datepicker年份

Question

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

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

我必须yearRange在配置中定义2个日期选择器.所以,我确实喜欢这个.

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

但它仅2010:2016适用于两个日期采摘者.我不明白为什么.我们的想法是为日期选择器使用不同的日期范围.是否有可能或者我需要定义不同的日期选择器？

另外,在datepickers中是否可以添加yearRangehtml而不是datepicker配置？

这是小提琴

Answer 1

您可以通过以下方式执行此操作:

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

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