评论：jquery日历插件SimpleCalendar  [查看原文]

tiercel0
2022/2/5 14:30:59

//替代标记日期事件myCalendar.addMark('2016-3-7', 'test');
function addMarkpp(data) {
    var daysElement = arrayfrompp(container.querySelectorAll('.sc-item'));
    var year = $(".sc-select-year").val();
    var month = $(".sc-select-month").val();
    var currentmonth = month - 1;
    if (data) {
        daysElement.forEach(function(v, i) {
            var day = +v.querySelector('.day').innerHTML;
            if (day == 1) currentmonth++;

            if (data[year + '-' + currentmonth + '-' + day]) {
                v.classList.add('sc-mark');
                v.title = data[year + '-' + currentmonth + '-' + day];
            } else {
                v.classList.remove('sc-mark');
                v.title = '';
            }
        });
    }
}

tiercel0
2022/2/5 14:33:57
修改了很多漏洞，比如跨月和跨年日期错误问题，获取当前日历的开始时间和最后时间问题，需要的亲可以联系

不聊人0
2022/4/1 16:21:26
我需要兄?

不聊人0
2022/4/1 16:21:39
我需要兄弟

500
2022/4/2 14:23:15
有人在吗

你看那 ＆小强0
2022/4/21 17:41:08
5月日期不完整啊

.0
2022/11/11 13:34:10
您好、可以求一下您修复后的版本么？谢谢

.0
2022/11/11 13:33:50
您好、有推荐的插件么？

BBY0
2021/1/11 13:41:30
请问你解决了吗

Sone丶宇0
2020/4/9 13:38:22
请问找到什么原因了吗？ 我这边IE也是这个问题

aimisilinm1
2020/5/25 16:38:03

//闰月
if (leap > 0 && i == leap + 1 && this.isLeap == false) {
    --i;
    this.isLeap = true; //加上这句
    temp = this.leapDays(this.year);
}

猫。0
2021/1/12 16:32:53
感谢！有用。

日历显示应为6行，现在只显示了5行，这样会导致有些日期没了。例如2019年9月份和12月份只有29天。
原代码：

for (var i = 0; i < 35; i++) {
    ......
}
//对每一个格子遍历
for (var i = 0; i < 35; i++) {
    ......
}
修改为：
for (var i = 0; i < 42; i++) {
    ......
}
//对每一个格子遍历
for (var i = 0; i < 42; i++) {
    ......
}

将对日历格子的遍历次数改成42就可以了。

稻草lemon1
2019/11/13 9:31:36

同样 css样式也要跟着改下才能显示出来


.sc-days {
    height: 90%;
}
.sc-item {
    height: 16%;
}

萍子20190
2020/3/31 17:17:24
改了之后，没有问题的月份变成有两个今天的样式

zengxiaoyu0
2021/5/27 9:49:22
改了也没有显示出来，看dom结构的数量还是跟之前一样，并没有增加1行，太难了

点击获取日期中，如果是非当前月份的天数可能会有问题，我把源码改了如下：

{
    key: 'getSelectedDay',
    value: function getSelectedDay() {
        var selectYear = this.container.querySelector('.sc-select-year').value;
        var selectMonth = this.container.querySelector('.sc-select-month').value;
        var selectDay = this.selectDay.querySelector('.day').innerHTML;
        var cq = this.container.querySelector(".sc-selected.sc-othermenth");
        if (cq) {
            //点击的日期是其他月份的
            if (selectDay > 15) {
                //上个月
                return new Date(selectYear, selectMonth - 2, selectDay);
            } else {
                //下个月
                return new Date(selectYear, selectMonth, selectDay);
            }
        }
        return new Date(selectYear, selectMonth - 1, selectDay);
    }

枫书诸邪0
2019/9/29 15:57:17
simple-calendar.js 第697行附近或者
simple-calendar-es6.js 第662行附近，看你用哪个

别的问题我看大家都有解决，我再说一个小小bug。
设置起止年份：

timeRange: {
    startYear: 1900,
    endYear: 2049
},

设置到想要的年份，比如：

timeRange: {
    startYear: 1900,
    endYear: 2200
},

一定要在js中的第27行处，更改循环条件，否则大于条件的年份农历都为undefined

for (i = 1900; i < 2200 && offset - this.lYearDays(i) > 0; i++) {}

刚刚又发现了个bug，就是我更改了循环条件后，从2195年开始到2200年，农历日期依然为undefined，暂时没发现什么问题。我暂时只好，循环条件不变，将截止年份更改为2194年。那个哥们儿发现怎么回事了，说一声。

LJM1
2021/4/8 20:58:58
他把1900写死了，你改成timeRange对象里的startYear就可以了