日期选择器具有数据属性的年份范围

时间:2013-10-09 10:05:58

标签: jquery asp.net-mvc-3 datepicker

我在MVC 3工作。 我正在使用 DatePicker 。在DatePicker中,我在多个文本框上使用年份范围。代码是: -

$('#textbox1Id').datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: -10:+10
})

现在我将此示例转换为接受某些参数的函数: -

function initializeDatePickerWithChangingMonthYear(minYearRange, maxYearRange) {
$('.YearRangeDatePicker').datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: minYearRange:maxYearRange
});
}

我想使用数据属性在同一视图中的不同文本框上传递不同的范围。我怎么能这样做?

由于

1 个答案:

答案 0 :(得分:1)

试试这个,

<强> HTML

<input type="text" class="YearRangeDatePicker" data-minrange="-10" data-maxrange="+10" />

<强> SCRIPT

$('.YearRangeDatePicker').each(function(){
    $(this).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: $(this).data('minrange')+':'+$(this).data('maxrange')
    });
})