使用javascript写一个小的程序,通过年月来显示当月中的星期

最新推荐文章于 2024-05-03 11:47:20 发布
最新推荐文章于 2024-05-03 11:47:20 发布
阅读量407 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript date button function class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lcywjvb/article/details/4537823
版权

 

ken_fishman
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个特别简单的网页上显示日期和星期的js代码
01-21
这是一段特别简单的在网页上显示日期和星期的代码，给初级学习计算机的朋友使用。
javascript制作万年历：输入年份和月份显示本月日历
mhj0201的博客
08-27 7981
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{mar
javaScript编写的漂亮日历（源代码）
04-10
javaScript编写的漂亮日历,相当经典。
用JavaScript代码编写日历
Web_Struggle的博客
10-06 2178
一个简单的日历如下：这里主要用到JavaScript中的 new Date(); 属性。 代码如下： Document * {margin: 0; padding: 0;} #cal { width: 200px; height: 220px; background-color: blue
Java小案例——判断用户输入的月份的季节
Mus_Li的博客
06-03 1972
本例将根据用户输入的月份来判断季节。这是一个典型的演示switch语法的例子。
微信小程序中使用javascript 回调函数
10-19
主要介绍了微信小程序中使用javascript 回调函数的相关资料,需要的朋友可以参考下
JavaScript基于微信小程序的音乐播放器源码.zip
06-02
JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码...
JavaScript开发积分兑换小程序项目源代码.zip
06-07
JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码。...
一个由JavaScript和HTML5写的太极小程序.zip
07-14
一个由JavaScript和HTML5写的太极小程序，简单易学，适合新手小白及对玄学感兴趣的人。
关于用js实现的日历记事功能
热门推荐
nb7474的博客
12-26 1万+
博主是个java新手，目前在做的一个项目就是考勤排班系统，主要负责的模块是排班模块这一方面。需求上面要求要在显示当月的日历表，日历表上同时动态生成上班时间、下班时间、是否值班、值班类型等功能。 当时在网上找了很多日历模板，都没有找到能够符合自己要求的。便决定自己画一个页面。个人感觉最主要的一块就是字符串的拼接，日历的生成，还有一些个别的属性需要注意。基本样式引用：<link rel="styles
计算机季度函数,Excel把月份变成季度的函数怎么用？
weixin_42110038的博客
07-26 2738
Excel把月份变成季度的函数怎么用？用户需要做报表的时候，经常会使用季度来表示某方面的数据，如果建档之初的时候只填写月份没有季度，该怎么将这些月份转换为季度呢？如果要快速操作，可以使用int函数。Excel把月份变成季度的函数怎么用？1、在月份对应后面的单元格中，输入这样一条函数命令：01=INT(1+(MONTH(A2)-1)/3)复制代码=INT(1+(MONTH(A2)-1)/3)这里的A...
HTML显示日历，JAVASCRIPT显示简单日历示例代码
yymmiinngg的专栏
12-30 4837
可在此基础上加以改进以生成更具美观的日历效果。 html>    head>       link rel="stylesheet" type="text/css" href="Skin.css">       style>                table{ text-align: center }        -->       style> 
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 842
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
最新发布
XING的博客
05-03 876
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
element-ui的bug记录
nick_zhang的博客
04-29 494
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
bpmn-js推荐几款常用的插件
飞云先生
04-30 99
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
表格隔行变色
weixin_54339833的博客
05-02 363
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
echarts+百度地图如何定义边界线
abc8002117034的博客
04-30 289
5.setOption里面的参数option.series是echarts散点图的配置项,option.bmap是百度地图的配置项，比如center是当前地图的中心点，zoom是缩放数值，roam是是否可以缩放，mapStyle是地图的样式。3.方法getCenterPoint是获取当前区域中心点的经纬度，我们将会在区域的中心点显示区域名称和具体数值。4.方法convertData返回的是地图上红色散点里面的数据，是对idata的数据格式做的一层转换。2.变量styleJson是地图的样式，可以去。
redux快速入门
qq_73270720的博客
04-29 325
简单的加减案例,学会redux快速入门
利用HTML、CSS、JavaScript写一个万年历页面
04-27
好的，我可以为您提供一个简单的万年历页面示例，代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>万年历</title> <style> table{ border-collapse: collapse; margin: auto; font-size: 20px; text-align: center; border: 1px solid black; } th{ background-color: #ccc; padding: 10px; border: 1px solid black; } td{ padding: 10px; border: 1px solid black; } #date{ font-size: 30px; text-align: center; margin-top: 20px; } </style> </head> <body> <h1>万年历</h1> <div id="date"></div> <table> <thead> <tr> <th>日</th> <th>一</th> <th>二</th> <th>三</th> <th>四</th> <th>五</th> <th>六</th> </tr> </thead> <tbody id="calendar-body"> </tbody> </table> <script> var today = new Date(); var year = today.getFullYear(); var month = today.getMonth() + 1; function createCalendar(year, month) { var calendarBody = document.getElementById("calendar-body"); calendarBody.innerHTML = ""; var date = new Date(year, month - 1, 1); var day = date.getDay(); var lastDay = new Date(year, month, 0).getDate(); var rows = Math.ceil((day + lastDay) / 7); var dateNum = 1; for (var i = 0; i < rows; i++) { var row = document.createElement("tr"); for (var j = 0; j < 7; j++) { if ((i === 0 && j < day) || dateNum > lastDay) { var cell = document.createElement("td"); row.appendChild(cell); } else { var cell = document.createElement("td"); cell.textContent = dateNum; row.appendChild(cell); dateNum++; cell.addEventListener("click", function() { alert(year + "年" + month + "月" + this.textContent + "日"); }); } } calendarBody.appendChild(row); } document.getElementById("date").textContent = year + "年" + month + "月"; } createCalendar(year, month); document.getElementById("prev").addEventListener("click", function() { month--; if (month < 1) { month = 12; year--; } createCalendar(year, month); }); document.getElementById("next").addEventListener("click", function() { month++; if (month > 12) { month = 1; year++; } createCalendar(year, month); }); </script> </body> </html> ``` 这个页面会在浏览器中生成一个万年历，包含一个表格，用于显示当月的日期。您可以点击表格中的日期，弹出一个提示框提示您选择的日期。同时，页面还包含一个标题和一个显示当前年月的区域。您可以使用 `prev` 和 `next` 按钮来切换月份。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值