';for(m=1); ;m <...]."/> ';for(m=1); ;m <...].">

Maison  >  Article  >  interface Web  >  Comment créer un calendrier annuel en utilisant Javascript

Comment créer un calendrier annuel en utilisant Javascript

王林
王林original
2021-11-02 16:35:304572parcourir

Comment créer un calendrier annuel avec javascript : [function Calendar(y){ var w = new Date(y,0).getDay(); var html = '

';for(m=1;m<. .. ]

Comment créer un calendrier annuel en utilisant Javascript

L'environnement d'exploitation de cet article : système Windows 10, javascript 1.8.5, ordinateur thinkpad t480

Si nous devons afficher des événements spécifiques d'un certain mois sur la page Web, nous le faisons souvent. Il existe de nombreuses bibliothèques de classes prêtes à l'emploi, alors comment développer un calendrier nous-mêmes ? Voici un composant de calendrier très classique, jetons un coup d'œil !

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>制作年历</title>
		<style>
			body{text-align:center;}
			.box{margin:0 auto;width:880px;}
			.title{background: #ccc;}
			table{height:200px;width:200px;font-size:12px;text-align:center;float:left;margin:10px;font-family:arial;}
		</style>
		<script src="calendar.js"></script>
		<script>
			var year = parseInt(prompt(&#39;输入年份:&#39;,&#39;2019&#39;));//制作弹窗
			document.write(calendar(year));//调用函数生成指定年份的年历
		</script>
	</head>
	<body>
	</body>
</html>

Effet final :


Apprentissage recommandé :
Tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn