Javascript JQuery日期选择器年份范围

Javascript JQuery日期选择器年份范围,javascript,jquery,html,jquery-ui,datepicker,Javascript,Jquery,Html,Jquery Ui,Datepicker,我有两个这样的约会对象 <input type="text" class="datepicker" data-year-range="2010:2016"/> <input type="text" class="datepicker" data-year-range="2000:2020"/> 但这两位日期采集者只花了2010:2016。我不明白为什么。其思想是为日期选择器使用不同的日期范围。是否可能,或者是否需要定义不同的日期选择器 另外,在datepicker中,是

我有两个这样的约会对象

<input type="text" class="datepicker" data-year-range="2010:2016"/>
<input type="text" class="datepicker" data-year-range="2000:2020"/>
但这两位日期采集者只花了
2010:2016
。我不明白为什么。其思想是为日期选择器使用不同的日期范围。是否可能,或者是否需要定义不同的日期选择器

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

这里是尝试一下:使用
$(this)
而不是
$('.datepicker')


您可以通过以下方式完成:


@ZakariaAcharki-不…这是一个有效的。请尝试运行另一个解决方案,你就会知道我在说什么。@ZakariaAcharki-你打开日期选择器,看到小提琴上的范围了吗?请这样做。@ZakariaAcharki-这一个确实有效,另一个没有(在撰写本文时)。去吧,两个都试一下JSFiddle@ZakariaAcharki-我在等待你的评论。另一个人刚刚更新了答案…;)!
$('.datepicker').datepicker({
    changeYear: true,
    // $(this) isn't working here
    //yearRange : $(this).attr('data-year-range'),
    yearRange : $('.datepicker').attr('data-year-range')
});
$('.datepicker').each(function(){
    $(this).datepicker({
        changeYear: true,
        yearRange : $(this).data('year-range')
    });
});
$(document).ready(function() {
     $('.datepicker').each(function() {
       $(this).datepicker({
         changeYear: true,
         yearRange: $(this).data('year-range'),
       });
     })
   })