Fonctions de date et utilisation flexible de l'encapsulation des fonctions-js tutoriel-php.cn

td { text-align: center; }

日 一 二 三 四 五 六

/* * 获取指定年月份的日期总天数 * 显示的月份的第一天是星期几？ * */

var annéeSelectElement = document.querySelector('#yearSelect'); var MonthSelectElement = document.querySelector('#monthSelect'); var tbody = document.querySelector('tbody'); var strongElement = document. querySelector('strong');

var nowDate = new Date();

/* * 动态生成option * */ var html = '' ; pour (var i=1970; j&Lt;2100 ; i++) { if (i == nowDate.getFullYear()) { html = ' '+ i +' ' + html; } else { html = ' '+ i +' ' + html; }

} yearSelectElement.innerHTML = html;

var html = ''; pour (var i=0; i if (i == nowDate.getMonth()) { html += ' '+ (i+1) +' } else { html += ' '+ (i+1) +' '; }

} monthSelectElement.innerHTML = html;

/* * 默认显示当前年和月的日历 * */ calendrier( nowDate.getFullYear( ), nowDate.getMonth());

/* * 根据选择的年和月重新生成日历 * */ yearSelectElement.onchange =monthSelectElement.onchange = function() { calendar(yearSelectElement.value,monthSelectElement.value); };

fonction calendrier(année, mois) { year = Number(year); month = Number (mois); strongElement.innerHTML = année + '年' + (mois+1) + '月';

var html = ' '; pour (var i =1; i<=42; i++) {

if (i%7 == 1 && i != 1) { html += ' '; }

var v = i- getFirstDay(année, mois);

if (i % 7 == 1 || i % 7 == 0) { html += ' '+ v +' '; } sinon if ( year == nowDate.getFullYear() && month == nowD ate.getMonth() && v == nowDate.getDate() ) { html += ' '+ v +' '; } else { html + = '& lt; td & gt;' + v + '& lt; / td & gt;'; } }

} html + = '& lt; / tr & gt;'; fonction getDays(y, m) {

return new Date(y, m+1, 1, -1, 0, 0).getDate(); /* * 得到下一月的1日，-1 * / var date = new Date(a, m+1 , 1, -1, 0, 0); /*

* 上个月最后一天的日期其实就是上个月总的天数 * */ date de retour.getDate() ; }

/*

* 获取指定显示的年月份的第一天是星期几 * */ function getFirstDay(y, m) renvoie une nouvelle Date(y, m, 1).getDay(); }