最简单的js日历

Html

Css


    
        日历

var now = new Date();
var month_array = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月");
document.write("<form name=date_list><table bgcolor=white border=0><tr><td>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for (i = 0; i < month_array.length; i++) {
    if (now.getMonth() != i) {
        document.write("<option value=" + i + ">" + month_array[i]);
    } else {
        document.write("<option value=" + i + " selected>" + month_array[i]);
    }

}
document.write("</select>");
document.write("</td><td>");
document.write("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for (i = 1950; i < 3000; i++) {
    if (now.getYear() != i) {
        document.write("<option value=" + i + ">" + i);
    } else {
        document.write("<option value=" + i + " selected>" + i);
    }
}
document.write("</select></td></tr><tr><td colspan=2><center>");

document.write("<table bgcolor=white border=0 cellspacing = 1 cellpading = 0 width=100%><tr bgcolor=666666 align=center>");
document.write("<td heigh=25 width=19 class=F02>M</td><td width=19 class=F02>T</td><td width=19 class=F02>W</td><td width=19 class=F02>T</td><td width=19 class=F02>F</td><td width=19 class=F03>S</td><td width=19 class=F03>S</td>");
document.write("</tr><tr>");
for (j = 0; j < 6; j++) {
    for (i = 0; i < 7; i++) {
        document.write("<td bgcolor=EFEFEF align=center id=d" + i + "r" + j + "></td>")
    }
    document.write("</tr>");
}

document.write("</table>");

document.write("</center></from></td></tr></table>");

var show_date = new Date();

function set_cal(show_date) {
    begin_day = new Date(show_date.getYear(), show_date.getMonth(), 1);
    begin_day_date = begin_day.getDay();
    end_day = new Date(show_date.getYear(), show_date.getMonth() + 1, 1);
    count_day = (end_day - begin_day) / 1000 / 60 / 60 / 24;
    input_table(begin_day_date, count_day);
}
set_cal(show_date);

function change_month(sel_month) {
    show_date = new Date(show_date.getYear(), sel_month, 1);
    set_cal(show_date);
}

function change_year(sel_year) {
    sel_year = sel_year.value;
    show_date = new Date(sel_year, show_date.getMonth(), 1);
    set_cal(show_date);
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

最简单的js日历



代码描述：新手入门最简单的静态js日历

更新时间：2020-05-10 22:31:35

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

迷

相关代码

最简单的js日历

最新