jquery ui多日期选择器|选择所有月份的日期

时间:2016-04-29 14:19:46

标签: javascript jquery date jquery-ui jquery-multidatespicker

enter image description here

使用的图书馆:http://multidatespickr.sourceforge.net/

我想在点击月份标题时选择特定月份的所有日期。

假设我点击" 2016年1月",所有日期应在1月份选择,包括现有日期。

codepen链接: - http://codepen.io/hardiksh/pen/zqmgBw

我写下面的代码: -

$( document .delegate( ".selectMonth", "click", function() {

var thisMonth = $(this).attr("data-month";
var thisYear = $(this).attr("data-year";

thisMonth = parseInt(thisMonth);
thisYear = parseInt(thisYear);

thisMonth = thisMonth +1;

lastDay = new Date(thisYear, thisMonth, 0).getDate();

if(thisMonth < 9){
    thisMonth = '0'+thisMonth;
}

allDates3 = [];

for (i = 1; i <= lastDay; i++) {

    if(i < 9){
        i = '0'+i;
    }

    allDates3.push(thisMonth+'/'+i+'/'+thisYear);
}



$('#full-year').multiDatesPicker('destroy');

$('#full-year').multiDatesPicker({
addDates: allDates3,
numberOfMonths: [3,4],
defaultDate: '1/1/'+y
});
});

1 个答案:

答案 0 :(得分:0)

我不知道为什么,也许是挑选者或设置/选项中的一个错误,我无法弄清楚这个删除它。我不明白为什么会选择它。

$('#full-year').multiDatesPicker('destroy');
        $('#full-year').multiDatesPicker({
            addDates: allDates3,
            numberOfMonths: [3,4],
            defaultDate: '1/1/'+y
        });
    $('#full-year').multiDatesPicker('removeIndexes',0);