JQuery 日期选择器年份范围答案

【问题标题】：JQuery datepicker yearrangeJQuery 日期选择器年份范围
【发布时间】：2016-08-19 09:33:59
【问题描述】：

我有 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。我不明白为什么。这个想法是为日期选择器使用不同的日期范围。是否有可能或者我需要定义不同的日期选择器？

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

这里是fiddle

【问题讨论】：

标签： javascript jquery html jquery-ui datepicker

【解决方案1】：

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

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

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

【讨论】：

@ZakariaAcharki - 不......这是一个工作。请尝试运行另一个解决方案，您就会明白我在说什么。
@ZakariaAcharki - 你打开日期选择器并看到你的小提琴中的范围了吗？请这样做。
@ZakariaAcharki - 这个确实有效，另一个无效（在撰写本文时）。继续，在 JSFiddle 中尝试它们
@ZakariaAcharki - 我在等你的 cmets。对方刚刚更新了答案……；）！

【解决方案2】：

试试这个：使用$(this) 而不是$('.datepicker')

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

JSFiddle Demo

【讨论】：