位置: 编程技术 - 正文

基于javascript编写简单日历(用javascript)

编辑:rootadmin

推荐整理分享基于javascript编写简单日历(用javascript),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript基础代码,javascript编程基础 案例,javascript编程技术,编写javascript,javascript编程基础 案例,编写javascript的软件有哪些,javascript编程基础 案例,javascript编程技术,内容如对您有帮助,希望把文章链接给更多的朋友!

一.表格行数问题

既然要显示日期表格的话,首先得知道这个表格有多少行多少列,列数是已经确定的,从星期天(日历上第1列是星期天)到星期六一共7列。要解决行数问题之前,还得先知道这个月的第1天是星期几,因为每个月的1号并不都是从日历上的星期天开始排的,可能1号是星期五,星期六也说不定,所以1号的左边部分,就得用空表格代替了。那么用多少个空表格代替呢,这里就得用到getDay()方法了,该方法返回数组[0-6]中的一个数字,0代表星期天,1代表星期一,2代表星期二,以此类推。所以如果一个月的1号是星期五的话,那么刚好左边需要5个空表格代替。然后,假如一个月有天,最后求出的表格行数就是:

var tr_nums = Math.ceil((5 + )/7);

当然,并不是每个月都是天,所以我们得创建一个包含个月份的数组,每个元素代表每个月份所包含的天数。但是2月份比较特殊,闰年的2月份有天,平年的2月份只有天。所以,在创建数组之前,得自己创建一个判断闰年的函数:

基于javascript编写简单日历(用javascript)

然后我们创建一个月份数组:

所以最后就可以获取当月所需表格的行数:

var str_nums = Math.ceil((dayOfWeek + days_per_month[m]) / 7); //确定日期表格所需的行数

二.打印日历表格

表格本身是一个二维数组,所以让for大师出来跑两个循环就搞定啦,代码如下:

三.附上完整的js日历代码

css部分大家就自由发挥吧,当前时间是年5月2号,效果图如下:

标签: 用javascript

本文链接地址:https://www.jiuchutong.com/biancheng/369928.html 转载请保留说明!

上一篇:Bootstrap媒体对象的实现(bootstrap媒体查询写法)

下一篇:javascript实现列表切换效果(js操作list)

  • 公司支付的房租押金怎么入账
  • 哪些资产损失应向税务机关申报扣除?
  • 耕地占用税计入无形资产吗
  • 耕地占用税的税目
  • 利润的敏感性分析怎么做?
  • 京东公户的钱怎么转出来
  • 英国租金收入所得税
  • 普通发票开折扣销售能冲减销售吗
  • 营改增之前
  • 企业间贴现手续怎么办理
  • 每月能领多少专利费
  • 吊车租赁费可以开现代服务吗
  • 所得税汇算后要做账吗
  • 个人取得下列各项所得须自行申报纳税的有
  • 财务费用是否存入银行卡
  • 工程备用金金额怎么算
  • 旅游业开办费
  • 预支差旅费的会计科目
  • 销售应税消费品应交的消费税分录
  • 物业费需要摊销吗?
  • 生产企业出口退税全部流程
  • 经营租赁是什么意思
  • 消费税和购置税怎么算
  • 企业社保参保人数查询
  • 误删开始菜单
  • Proxmox ve(PVE) 显示CPU和硬盘温度、UPS信息
  • php处理json
  • 小规模纳税人开票限额是多少
  • wordpress主题dux
  • 应付福利费和应付职工薪酬的关系
  • 金门大桥和马林大桥区别
  • 结转代销成本
  • 待处理财产损益会计分录
  • springmvc执行流程简单
  • 谷歌浏览器跨域解决方案
  • ijk解码是什么意思
  • 谁能代替你啊
  • 去年的所得税计提多了怎么做分录
  • 微信转账要如何退回去
  • 用友t3财务报表导出
  • phpcms怎么样
  • mysql事务类型
  • 一般纳税人申报表电子版
  • 房开企业会计分录
  • 如何在sql server中打开已有数据库
  • 业务招待费进项票可以抵扣吗
  • 车船税款
  • 固定资产处置的增值税怎么入账
  • 冲暂估的账务处理
  • 机关单位工会经费提取比例
  • 税务自查补缴税款怎么办
  • 如何降低未分配利润的方法
  • 内账税费计入什么科目
  • 记账凭证原始凭证回单的粘贴顺序
  • 现金支票办理电话
  • 城市维护建设税的计税依据
  • 应收帐款坏账处理
  • 一次性压缩洗脸巾
  • ubuntu功能
  • win7系统c盘太满了,如何清理
  • 电脑上view是什么意思
  • 登录系统错误
  • win8.1技巧
  • win10推送升级win11
  • javascript程序代码
  • perl写文件
  • Unity3D游戏开发培训课程大纲
  • 背包设备
  • unity物理效果
  • 复制文件到c盘需要管理员权限
  • python中随机数的用法
  • unity3d4个脚本
  • android面试题及答案2021
  • node的express
  • angular api
  • python 命令
  • Android boot.img制作
  • 广东税务实名注册
  • 江苏省个人社保参保证明打印
  • 连云港税务局网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设