js 万年历农历转阳历 方法_非常酷的javascript实现万年历功能
body{ margin:0px; padding:0px; font-size:12px; line-height:22px; font-family:tahoma,"宋体",Simsun, "Microsoft YaHei","Arial Unicode MS", Mingliu, Arial, Helvetica;}
table{ background:#999999; width:600px; margin:0px auto; text-align:center;}
table td{ background:#FFFFFF;}
table th{ background:#CCCCCC;}
.calendar{ width:600px; margin:2px auto; height:auto; overflow:hidden; text-align:center;}
.calendar a{text-decoration:none; font-size:14px; display:inline-block; width:30px;}
.calendar a:hover{ background:#BFBFBF;}
.calendar .left{ float:left; width:100px;}
.calendar .now_month{ float:left; width:400px;}
.calendar .right{ float:right; width:100px;}
.red{ color:#FF0000;}
.copyright{ width:600px; margin:16px auto;}
/*
power By: http://www.wxwdesign.cn
Author: 流水涵清
*/
//创建calendar类
function calendar(y,m){
var c=new Date(y,m,1,0,0,0,0); //当月第一天
this.daynum=getMonthDays(m+1,y); //获得当月的天数
this.firstday=c.getDay(); //当月第一天星期几
}
//获取某一月的天数
function getMonthDays(m,y){
var d=[31,28,31,30,31,30,31,31,30,31,30,31];
if(m==2){if(check(y)){return 29;}else{return 28;}}else{return d[m-1];}
function check(year){
if(year%100==0){if(year%400==0){return true;}else{return false;}}else{if(year%4==0){return true;}else{return false;}}
}
}
//初始化显示
function init_calendar(){
var now=new Date();
var year=now.getFullYear();
var month=now.getMonth();
var day=now.getDay();
var date=now.getDate();
var c=document.getElementById("calendar");
var show=document.getElementById("show");
var a=c.getElementsByTagName("a");
var div=c.getElementsByTagName("div");
var ca=new calendar(year,month);
a[1].οnclick=function(){month--;if(month<0){year--;month=11;};ca=new calendar(year,month);show_calendar();}
a[2].οnclick=function(){month++;if(month>11){year++;month=0;};ca=new calendar(year,month);show_calendar();}
a[0].οnclick=function(){year--;ca=new calendar(year,month);show_calendar();}
a[3].οnclick=function(){year++;ca=new calendar(year,month);show_calendar();}
function show_calendar(){
div[1].innerHTML=year+"年"+(month+1)+"月";
var f="
f+="
日一二三四五六";
f+="
";
if(ca.firstday>0){for(var i=0;i";}}
for(var i=ca.firstday,j=1;j
if(i%7==0&&i>0){f+="
";}
if(i%7==0||(i+1)%7==0){f+="
"+j+"";}else{f+=""+j+"";}
}
if(7>(7-(ca.daynum+ca.firstday)%7)>0){for(var i=0;i";}}
f+="
";
show.innerHTML=f;
}
show_calendar();
}
window.οnlοad=init_calendar;
javascript_calendar
js 万年历农历转阳历 方法_非常酷的javascript实现万年历功能相关推荐
- js 万年历农历转阳历 方法_利用JS制作万年历的方法
本篇文章主要介绍了利用JS制作万年历的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 我们知道,万年历在人们的生活中是在平常不过的一种东西了,那么怎样用JS来实现在网 ...
- js 万年历农历转阳历 方法_JS实现带阴历的日历功能详解
本文实例讲述了JS实现带阴历的日历功能.分享给大家供大家参考,具体如下: 工作中要写一个带阴历的日历,自己调研了怎么做日历. 一.表格行数问题 既然要显示日期表格的话,首先得知道这个表格有多少行多少列 ...
- js 万年历农历转阳历 方法_Python 农历公历算法转换
背景 日常用python处理各种数据分析工作,最近需要对历年春节期间的数据做一些对比工作,本来只是用了一个简单的日期数组来进行,但后来发现一些数据在农历日期进行对比的时候,会有一些有趣的规律,进而产生 ...
- js 万年历农历转阳历 方法_JavaScript实现公历转农历功能示例
本文实例讲述了JavaScript实现公历转农历功能.分享给大家供大家参考,具体如下: 完整代码(该源码使用在线工具http://tools.jb51.net/code/js进行了格式化处理,以便于读 ...
- js的向下取整_【转载】Javascript使用Math.floor方法向下取整
在Javascript的数值运算中,很多时候需要对最后计算结果向下取整,Math.floor是javascript中对计算结果向下取整的函数,它总是将数值向下舍入为最接近的整数.此外Math.ceil ...
- java jai create 方法_使用JAI扩展Java Image的功能
Java Image功能一直都在增强,但是向磁盘写一个图像文件或者返回一个PNG或JPEG依然比较难实现.但是我们可以使用Java Advanced Imaging(JAI)API来解决这个问题.JA ...
- 华为nova4e能更新鸿蒙吗,华为nova4e禁止系统更新的方法_怎么关闭和禁用系统更新功能...
下面也还是来说说部分机友在用这个华为nova4e手机的时候会提到的一个问题,那就是不想让手机进行更新,因为有的机友觉得现在的系统用着挺好的,不想操作系统的更新,想把手机的更新功能暂时关闭了,那这个怎么 ...
- python万年历差农历程序_Python实现公历(阳历)转农历(阴历)的方法示例
本文实例讲述了Python实现公历(阳历)转农历(阴历)的方法.分享给大家供大家参考,具体如下: 两个要点: 1.公历转农历用了查表法(第126行) 2.节气用了天文法?(第176行) 运行图(背景是 ...
- js日历农历_中国农历日历的全部日历
js日历农历 Vue月球全日历 (vue-lunar-full-calendar) Chinese lunar calendar for Fullcalendar. Fullcalendar的中国农历 ...
最新文章
- golang浮点型及使用细节
- jquery中获取元素的几种方式小结
- 通俗地讲清楚fit_transform()和transform()的区别
- mysql storage_mySQL__storage课堂笔记和练习
- 【转】医学影像处理相关知识整理(一)
- MOS9.0 bootstrap 离线Bulid
- 高手过招,精彩纷呈:PostgreSQL数据库人才与业务生态应用论坛圆满落幕
- Glide 加载图片背景变绿
- 一、最简单的神经网络--Bp神经网络
- Word——如何在框框□里打打勾√
- nubia android root权限,努比亚Z11 root教程及获取root权限的方法
- Java中Files工具类的使用
- 埃及分数c 语言程序,C语言将真分数分解为埃及分数
- [转]IDEA 出现编译错误 Multi-catches are not supported a this language level 解决方法
- 线性回归模型度量参数2- Multiple R R-Squared adjusted R-squared
- 产品经理的工资为什么这么高?背后的逻辑是什么?
- vivado 2018.2官方下载
- win10能联网但右下角出现小地球,无Internet连接解决方法
- 盛大退市背后的故事:华尔街不懂陈天桥
- 网站关键词优化技术:如何限制关键词挖掘的范围