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'),
});
})
})