jquery响应式带左右箭头切换的日历插件

使用方法

const months = [
    { 'id': 1, 'name': '1月' },
    { 'id': 2, 'name': '2月' },
    { 'id': 3, 'name': '3月' },
    { 'id': 4, 'name': '4月' },
    { 'id': 5, 'name': '5月' },
    { 'id': 6, 'name': '6月' },
    { 'id': 7, 'name': '7月' },
    { 'id': 8, 'name': '8月' },
    { 'id': 9, 'name': '9月' },
    { 'id': 10, 'name': '10月' },
    { 'id': 11, 'name': '11月' },
    { 'id': 12, 'name': '12月' },
];
var currentYear = new Date().getFullYear();
var currentMonth = new Date().getMonth() + 1;


function letsCheck(year, month) {
    var daysInMonth = new Date(year, month, 0).getDate();
    var firstDay = new Date(year, month, 01).getUTCDay();
    var array = {
        daysInMonth: daysInMonth,
        firstDay: firstDay
    };
    return array;
}


function makeCalendar(year, month) {
    var getChek = letsCheck(year, month);
    getChek.firstDay === 0 ? getChek.firstDay = 7 : getChek.firstDay;
    $('#calendarList').empty();
    for (let i = 1; i <= getChek.daysInMonth; i++) { if (i === 1) { var div = '

	1

';
        } else {
            var div = '

	' + i + '

'
        }
        $('#calendarList').append(div);
    }
    monthName = months.find(x => x.id === month).name;
    $('#yearMonth').text(year + ' ' + monthName);
}

makeCalendar(currentYear, currentMonth);


function nextMonth() {
    currentMonth = currentMonth + 1;
    if (currentMonth > 12) {
        currentYear = currentYear + 1;
        currentMonth = 1;
    }
    $('#calendarList').empty();
    $('#yearMonth').text(currentYear + ' ' + currentMonth);
    makeCalendar(currentYear, currentMonth);
}


function prevMonth() {
    currentMonth = currentMonth - 1;
    if (currentMonth < 1) { currentYear = currentYear - 1; currentMonth = 12; } $('#calendarList').empty(); $('#yearMonth').text(currentYear + ' ' + currentMonth); makeCalendar(currentYear, currentMonth); }