【ife】任务四十：UI组件之日历组件（一）

最新推荐文章于 2023-07-10 13:23:57 发布

筱葭

最新推荐文章于 2023-07-10 13:23:57 发布

阅读量594

点赞数 1

文章标签：百度前端技术学院 ife HTML CSS JavaScript

本文链接：https://blog.csdn.net/zhouziyu2011/article/details/54406152

版权

var table = document.getElementsByTagName("table")[0];
var tds = table.getElementsByTagName("td");
var month = document.getElementById("month");
var year = document.getElementById("year");
var changeDay = document.getElementById("changeDay");
var changeMonth = document.getElementById("changeMonth");
var changeYear = document.getElementById("changeYear");
var left = document.getElementById("left"); 
var right = document.getElementById("right");
var input = document.getElementsByTagName("input")[0];
window.onload = function() {
	var monthText = "";
	var text = "";
	for (var i = 1; i <= 12; i++) {
		monthText += "<option value=" + i + "月>" + i +"月</option>"; 
		text += "<option value=" + i + ">" + i +"</option>";
	}
	month.innerHTML = monthText;
	changeMonth.innerHTML = text;
	var yearText = "";
	for (var i = 1990; i <= 2090; i++)
		yearText += "<option value=" + i + ">" + i +"</option>";
	year.innerHTML = yearText;
	changeYear.innerHTML = yearText;
	month.onchange = function() {
		showDate(parseInt(year.value), month.value.slice(0, -1), 1)