Question

我有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

Answer 1

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

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

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

Answer 2

试试这个：使用$(this)代替$('.datepicker')

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

<强> JSFiddle Demo

JQuery datepicker yearrange

2 个答案: