简易万年历

最新推荐文章于 2022-07-12 00:14:01 发布

渣渣与学霸

最新推荐文章于 2022-07-12 00:14:01 发布

阅读量367

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_42462656/article/details/107403393

版权

本文介绍了如何创建一个简易的万年历，包括HTML结构、CSS样式和JavaScript逻辑，附带实际效果展示。

摘要由CSDN通过智能技术生成

可能有些部分有点累赘，思路都差不多，下面不多说，上代码就对了，，，里边有参考某大神的思路，链接忘记了。

1.html部分

<!-- 万年历start -->
<div class="gw-calendar" v-if="show">
	<div class="gw-calendar_date myflexbetween">
		<div class="gw-calendar_date_left myflex">
			<div class="gw-calendar_date_left_l" @click="prevYear"><img src="./images/static_192.png"></div>
			<div class="gw-calendar_date_left_r" @click="prevMonth"><img src="./images/static_190.png"></div>
		</div>
		<span>{
  {year}}年{
  {month}}月</span>
		<div class="gw-calendar_date_right myflex">
			<div class="gw-calendar_date_right_l" @click="nextMonth"><img src="./images/static_191.png"></div>
			<div class="gw-calendar_date_right_r" @click="nextYear"><img src="./images/static_193.png"></div>
		</div>
	</div>
	<div class="gw-calendar_day">
		<div class="gw-calendar_day_title myflex">
			<span>日</span>
			<span>一</span>
			<span>二</span>
			<span&g