首页网页制作网络编程脚本专栏数据库网站运营网络安全平面设计 CMS教程

JS之日历实践附实现代码

所属分类：网络编程 / JavaScript 阅读数： 186

收藏 0赞 0分享

程序是这个样子的：首先采集用户输入的年份和月份，经过计算获取该月份的最大天数，并获取月份第一天是星期几。然后在表格中填充该月份的具体信息。

<html> <head> <title>日历测试</title>  </head> <body> <div><table style="background-color:white;"> <tr> <td colspan="7"> <input id="yearinput" type="text" size="4" MAXLENGTH="4" onchange="updateDate()"/>年 <input id="monthinput" type="text" size="2" MAXLENGTH="2" onchange="updateDate()"/>月&nbsp;&nbsp;<span onclick="updateDate()">更新</span></td> </tr> <tr> <td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td> </tr> <tr> <td id="0-0"></td><td id="0-1"></td><td id="0-2"></td><td id="0-3"></td><td id="0-4"></td><td id="0-5"></td><td id="0-6"></td> </tr> <tr> <td id="1-0"></td><td id="1-1"></td><td id="1-2"></td><td id="1-3"></td><td id="1-4"></td><td id="1-5"></td><td id="1-6"></td> </tr> <tr> <td id="2-0"></td><td id="2-1"></td><td id="2-2"></td><td id="2-3"></td><td id="2-4"></td><td id="2-5"></td><td id="2-6"></td> </tr> <tr> <td id="3-0"></td><td id="3-1"></td><td id="3-2"></td><td id="3-3"></td><td id="3-4"></td><td id="3-5"></td><td id="3-6"></td> </tr> <tr> <td id="4-0"></td><td id="4-1"></td><td id="4-2"></td><td id="4-3"></td><td id="4-4"></td><td id="4-5"></td><td id="4-6"></td> </tr> </table> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

深入解析Vue 组件命名那些事

本篇文章主要介绍了深入解析Vue 组件命名那些事，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

收藏 0赞 0分享

Vue学习笔记进阶篇之vue-cli安装及介绍

这篇文章主要介绍了Vue学习笔记进阶篇之vue-cli安装及介绍，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

收藏 0赞 0分享

jquery版轮播图效果和extend扩展

这篇文章主要为大家详细介绍了jquery版轮播图效果，以及extend扩展的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

收藏 0赞 0分享

jQuery Validate格式验证功能实例代码（包括重名验证）

本文通过实例代码给大家介绍了jQuery Validate格式验证功能，代码中包括重名验证的方法，需要的的朋友参考下吧

收藏 0赞 0分享

Angular.js中angular-ui-router的简单实践

本篇文章主要介绍了Angular.js中angular-ui-router的简单实践，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

收藏 0赞 0分享

JavaScript实现二维坐标点排序效果

这篇文章主要为大家详细介绍了JavaScript实现二维坐标点排序效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

收藏 0赞 0分享

深入理解vue2.0路由如何配置问题

本篇文章主要介绍了vue2.0路由配置问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

收藏 0赞 0分享

基于bootstrap实现多个下拉框同时搜索功能

这篇文章主要为大家详细介绍了基于bootstrap实现多个下拉框同时搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

收藏 0赞 0分享

JavaScript 值类型和引用类型的初次研究(推荐)

这篇文章主要介绍了JavaScript 值类型和引用类型的初次研究,需要的朋友可以参考下

收藏 0赞 0分享

利用jQuery异步上传文件的插件用法详解

这篇文章主要介绍了利用jQuery异步上传文件的插件用法详解,需要的朋友可以参考下

收藏 0赞 0分享

查看更多

网络赚钱

更多

站长故事

更多

建站极客

合作伙伴

外卖点餐小程序

QCMS建站系统

小程序SAAS平台

松江网站建设

站长素材网

合同模板网

好听名字网

在线工具

网站地图

建站极客移动版

聚合全网技术文章，根据你的阅读喜好进行个性推荐

© 2012 - 2020 www.zhanzhang360.cn Some Rights Reserved.

沪ICP备13040166号-22