之前一直很想用javascript写一个日历,但是因为完全没有好的思路, 所以迟迟没有尝试。最近在网上刚好看到用javascript编写的简单日历的例子,代码量虽然不大, 但是我觉得很好地阐述了js日历的实现原理。自己也尝试着做了一下,收获蛮大,掌握了基本的实现原理后,再想增加更多 ...
用原生js写了一个超级简单的日历。当做是练习js中的Date类型。 思路: 获取某个日期,根据年份计算出每个月的天数。 利用Date中的getDay 知道该月份的第一天为星期几。 循环创建表格,显示日历。 html css js 效果图: ...
2016-03-17 20:59 0 1678 推荐指数:
之前一直很想用javascript写一个日历,但是因为完全没有好的思路, 所以迟迟没有尝试。最近在网上刚好看到用javascript编写的简单日历的例子,代码量虽然不大, 但是我觉得很好地阐述了js日历的实现原理。自己也尝试着做了一下,收获蛮大,掌握了基本的实现原理后,再想增加更多 ...
日历组件 由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个。然后发现也不是很复杂,目前只做了最基本的功能,大家也可以拿去做做二次开发。 如何写一个日历组件 基础效果如下图: 然后可以接受一个起始日期参数start-date,设置日历当前显示的年月 ...
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>layDate快速使 ...
...
以前在开发web页面的时候遇到日历,都是直接引入一些日历组件来用,一直不太明白实现原理,总感觉挺复杂的。 今天尝试着用jquery写了一个简单的日历功能,可以选择年份,月份,返回今天,原来简单的日历功能自己也是可以写的。至于日历中的其他一些强大功能相信只要努力,也是可以实现的。 下面贴出实现 ...
新手一枚,不会写什么高大上的博文,一些平时做的小练习,献丑 ...
前言: 最近几天都在研究日历控件编写,当然前提我要说明下,当然看过别人写的源码 所以脑子一热 就想用自己的编码方式 来写一套可扩展性 可维护性 性能高点的代码控件出来,就算练习练习下,所以前几天晚上下班后一直在研究 及 今天早上6点跑起来敲代码(昨天晚上加班回来到凌晨1点睡觉),就是不相信 ...
最近做的项目有一个需求,需要有一个日历组件供预定功能使用,之前的代码过于繁琐复杂,所以我采用vue重写了这个组件。 效果图。 只是一个简单的日历组件,所以并不需要用到node服务器,只需要一个Html文件即可。 项目基本目录 首先在引入 vue.js 贴上 ...