我觉得老师的逻辑过程还是清晰的,只是我们或者是不了解日历,或者是日期函数部分不熟悉,我可能有点笨,看了四遍才搞明白整个过程,在老师那个水平也没法再简单讲解了
2017-04-25
for(var i=0; i<monthData.days.length; i++){
if(i % 7 == 0) html += '<tr>'
html += '<td data-date="'+ monthData.days[i].date+'">' + monthData.days[i].showDate + '</td>'
if(i % 7 == 6) html += '</tr>';
}
if(i % 7 == 0) html += '<tr>'
html += '<td data-date="'+ monthData.days[i].date+'">' + monthData.days[i].showDate + '</td>'
if(i % 7 == 6) html += '</tr>';
}
for(var i=0; i<monthData.days.length; i++){
if(i % 7 == 0) html += '<tr>'
html += '<td data-date="'+ monthData.days[i].date+'">' + monthData.days[i].showDate + '</td>'
if(i % 7 == 6) html += '</tr>';
}
if(i % 7 == 0) html += '<tr>'
html += '<td data-date="'+ monthData.days[i].date+'">' + monthData.days[i].showDate + '</td>'
if(i % 7 == 6) html += '</tr>';
}
(function(){
var datePicker={};
datePicker.getMonthData=function(year,month){
}
window.datePicker=datePicker;
})()为什么要写window.datePicker=datePicker;?
var datePicker={};
datePicker.getMonthData=function(year,month){
}
window.datePicker=datePicker;
})()为什么要写window.datePicker=datePicker;?
日历显示上个月preMonthDayCount天,即 i 从 0 到 preMonthDayCount-1 都是上一个月的数据。那么当月1号对应的i: preMonthDayCount-1 + 1;当月date号对应的i: i = preMonthDayCount-1 + date;也就是 date = i + 1 - preMonthDayCount。老师很少注释,而且好多地方可能没录制完整,我自己根据写了一份,CSS用了Sass省得那一堆class一直叠加。https://github.com/lusg02/js-components
2017-04-22