js获取当前农历时间
<template>
<div class="gaia-header">
<img alt="gaia_logo" src="../../assets/gaia_logo.png">
<div class="hello-user">
<p>{{datetime}} 星期{{week}} {{nongli}} </p>
</div>
<div class="out-login">
<slot></slot>
<span>
<i class="iconfont icon-dianyuan1"></i>
</span>
</div>
</div>
</template> <script>
import DateTool from "@/components/common/date"; //时间 export default {
name: "gaiaheader",
mounted() {
this.newtime();
this.weeks();
this.hdnongli();
},
data() {
return {
datetime: "2018年11月25日",
week: "星期几",
nongli: "戊戌年"
};
},
methods: {
newtime() {
// let date = new Date(DateTool.formatTimeToStr(new Date(), "yyyy-MM-dd"));
// date = new Date(date.getTime(date) - 8 * 60 * 60000);
let date = new Date().Format("yyyy年MM月dd日");
this.datetime = date;
},
weeks() {
let weekAarry = ["日", "一", "二", "三", "四", "五", "六"];
let week = weekAarry[new Date().getDay()];
this.week = week;
},
hdnongli() {
var CalendarData = new Array(100);
var madd = new Array(12);
var tgString = "甲乙丙丁戊己庚辛壬癸";
var dzString = "子丑寅卯辰巳午未申酉戌亥";
var numString = "一二三四五六七八九十";
var monString = "正二三四五六七八九十冬腊";
var weekString = "日一二三四五六";
var sx = "鼠牛虎兔龙蛇马羊猴鸡狗猪";
var cYear, cMonth, cDay, TheDate;
CalendarData = new Array(
0xa4b,
0x5164b,
0x6a5,
0x6d4,
0x415b5,
0x2b6,
0x957,
0x2092f,
0x497,
0x60c96,
0xd4a,
0xea5,
0x50da9,
0x5ad,
0x2b6,
0x3126e,
0x92e,
0x7192d,
0xc95,
0xd4a,
0x61b4a,
0xb55,
0x56a,
0x4155b,
0x25d,
0x92d,
0x2192b,
0xa95,
0x71695,
0x6ca,
0xb55,
0x50ab5,
0x4da,
0xa5b,
0x30a57,
0x52b,
0x8152a,
0xe95,
0x6aa,
0x615aa,
0xab5,
0x4b6,
0x414ae,
0xa57,
0x526,
0x31d26,
0xd95,
0x70b55,
0x56a,
0x96d,
0x5095d,
0x4ad,
0xa4d,
0x41a4d,
0xd25,
0x81aa5,
0xb54,
0xb6a,
0x612da,
0x95b,
0x49b,
0x41497,
0xa4b,
0xa164b,
0x6a5,
0x6d4,
0x615b4,
0xab6,
0x957,
0x5092f,
0x497,
0x64b,
0x30d4a,
0xea5,
0x80d65,
0x5ac,
0xab6,
0x5126d,
0x92e,
0xc96,
0x41a95,
0xd4a,
0xda5,
0x20b55,
0x56a,
0x7155b,
0x25d,
0x92d,
0x5192b,
0xa95,
0xb4a,
0x416aa,
0xad5,
0x90ab5,
0x4ba,
0xa5b,
0x60a57,
0x52b,
0xa93,
0x40e95
);
madd[0] = 0;
madd[1] = 31;
madd[2] = 59;
madd[3] = 90;
madd[4] = 120;
madd[5] = 151;
madd[6] = 181;
madd[7] = 212;
madd[8] = 243;
madd[9] = 273;
madd[10] = 304;
madd[11] = 334; function GetBit(m, n) {
return (m >> n) & 1;
}
function e2c() {
TheDate =
arguments.length != 3
? new Date()
: new Date(arguments[0], arguments[1], arguments[2]);
var total, m, n, k;
var isEnd = false;
var tmp = TheDate.getYear();
if (tmp < 1900) {
tmp += 1900;
}
total =
(tmp - 1921) * 365 +
Math.floor((tmp - 1921) / 4) +
madd[TheDate.getMonth()] +
TheDate.getDate() -
38; if (TheDate.getYear() % 4 == 0 && TheDate.getMonth() > 1) {
total++;
}
for (m = 0; ; m++) {
k = CalendarData[m] < 0xfff ? 11 : 12;
for (n = k; n >= 0; n--) {
if (total <= 29 + GetBit(CalendarData[m], n)) {
isEnd = true;
break;
}
total = total - 29 - GetBit(CalendarData[m], n);
}
if (isEnd) break;
}
cYear = 1921 + m;
cMonth = k - n + 1;
cDay = total;
if (k == 12) {
if (cMonth == Math.floor(CalendarData[m] / 0x10000) + 1) {
cMonth = 1 - cMonth;
}
if (cMonth > Math.floor(CalendarData[m] / 0x10000) + 1) {
cMonth--;
}
}
} function GetcDateString() {
var tmp = "";
tmp += tgString.charAt((cYear - 4) % 10);
tmp += dzString.charAt((cYear - 4) % 12);
tmp += "(";
tmp += sx.charAt((cYear - 4) % 12);
tmp += ")年 ";
if (cMonth < 1) {
tmp += "(闰)";
tmp += monString.charAt(-cMonth - 1);
} else {
tmp += monString.charAt(cMonth - 1);
}
tmp += "月";
tmp += cDay < 11 ? "初" : cDay < 20 ? "十" : cDay < 30 ? "廿" : "三十";
if (cDay % 10 != 0 || cDay == 10) {
tmp += numString.charAt((cDay - 1) % 10);
}
return tmp;
} function GetLunarDay(solarYear, solarMonth, solarDay) {
//solarYear = solarYear<1900?(1900+solarYear):solarYear;
if (solarYear < 1921 || solarYear > 2020) {
return "";
} else {
solarMonth = parseInt(solarMonth) > 0 ? solarMonth - 1 : 11;
e2c(solarYear, solarMonth, solarDay);
return GetcDateString();
}
} var D = new Date();
var yy = D.getFullYear();
var mm = D.getMonth() + 1;
var dd = D.getDate();
var ww = D.getDay();
var ss = parseInt(D.getTime() / 1000);
if (yy < 100) yy = "19" + yy;
function showCal() {
let nonglitime = GetLunarDay(yy, mm, dd);
return nonglitime;
}
this.nongli = showCal()
}
}
};
</script> <style scoped lang="less">
.gaia-header {
width: 100%;
height: 48px;
background-color: #192233;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
font-size: 12px;
.hello-user {
text-align: center;
width: 40%;
line-height: 24px;
}
.out-login {
float: right;
font-size: 14px;
span {
margin-right: 20px;
cursor: pointer;
i {
color: #56b8e9;
margin-right: 6px;
vertical-align: middle;
}
u {
text-decoration: none;
}
}
.icon-dianyuan1 {
color: #f56262;
}
}
}
</style>
获取当前的农历时间在vue中使用。
<template>
<div class="gaia-header">
<img alt="gaia_logo" src="../../assets/gaia_logo.png">
<div class="hello-user">
<p>{{datetime}} 星期{{week}} {{nongli}} </p>
</div>
<div class="out-login">
<slot></slot>
<span>
<i class="iconfont icon-dianyuan1"></i>
</span>
</div>
</div>
</template>
<script>
import DateTool from "@/components/common/date"; //时间
export default {
name: "gaiaheader",
mounted() {
this.newtime();
this.weeks();
this.hdnongli();
},
data() {
return {
datetime: "2018年11月25日",
week: "星期几",
nongli: "戊戌年"
};
},
methods: {
newtime() {
// let date = new Date(DateTool.formatTimeToStr(new Date(), "yyyy-MM-dd"));
// date = new Date(date.getTime(date) - 8 * 60 * 60000);
let date = new Date().Format("yyyy年MM月dd日");
this.datetime = date;
},
weeks() {
let weekAarry = ["日", "一", "二", "三", "四", "五", "六"];
let week = weekAarry[new Date().getDay()];
this.week = week;
},
hdnongli() {
var CalendarData = new Array();
var madd = new Array();
var tgString = "甲乙丙丁戊己庚辛壬癸";
var dzString = "子丑寅卯辰巳午未申酉戌亥";
var numString = "一二三四五六七八九十";
var monString = "正二三四五六七八九十冬腊";
var weekString = "日一二三四五六";
var sx = "鼠牛虎兔龙蛇马羊猴鸡狗猪";
var cYear, cMonth, cDay, TheDate;
CalendarData = new Array(
0xa4b,
0x5164b,
0x6a5,
0x6d4,
0x415b5,
0x2b6,
0x957,
0x2092f,
0x497,
0x60c96,
0xd4a,
0xea5,
0x50da9,
0x5ad,
0x2b6,
0x3126e,
0x92e,
0x7192d,
0xc95,
0xd4a,
0x61b4a,
0xb55,
0x56a,
0x4155b,
0x25d,
0x92d,
0x2192b,
0xa95,
0x71695,
0x6ca,
0xb55,
0x50ab5,
0x4da,
0xa5b,
0x30a57,
0x52b,
0x8152a,
0xe95,
0x6aa,
0x615aa,
0xab5,
0x4b6,
0x414ae,
0xa57,
0x526,
0x31d26,
0xd95,
0x70b55,
0x56a,
0x96d,
0x5095d,
0x4ad,
0xa4d,
0x41a4d,
0xd25,
0x81aa5,
0xb54,
0xb6a,
0x612da,
0x95b,
0x49b,
0x41497,
0xa4b,
0xa164b,
0x6a5,
0x6d4,
0x615b4,
0xab6,
0x957,
0x5092f,
0x497,
0x64b,
0x30d4a,
0xea5,
0x80d65,
0x5ac,
0xab6,
0x5126d,
0x92e,
0xc96,
0x41a95,
0xd4a,
0xda5,
0x20b55,
0x56a,
0x7155b,
0x25d,
0x92d,
0x5192b,
0xa95,
0xb4a,
0x416aa,
0xad5,
0x90ab5,
0x4ba,
0xa5b,
0x60a57,
0x52b,
0xa93,
0x40e95
);
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
madd[] = ;
function GetBit(m, n) {
return (m >> n) & ;
}
function e2c() {
TheDate =
arguments.length !=
? new Date()
: new Date(arguments[], arguments[], arguments[]);
var total, m, n, k;
var isEnd = false;
var tmp = TheDate.getYear();
if (tmp < ) {
tmp += ;
}
total =
(tmp - ) * +
Math.floor((tmp - ) / ) +
madd[TheDate.getMonth()] +
TheDate.getDate() -
;
if (TheDate.getYear() % == && TheDate.getMonth() > ) {
total++;
}
for (m = ; ; m++) {
k = CalendarData[m] < 0xfff ? : ;
for (n = k; n >= ; n--) {
if (total <= + GetBit(CalendarData[m], n)) {
isEnd = true;
break;
}
total = total - - GetBit(CalendarData[m], n);
}
if (isEnd) break;
}
cYear = + m;
cMonth = k - n + ;
cDay = total;
if (k == ) {
if (cMonth == Math.floor(CalendarData[m] / 0x10000) + ) {
cMonth = - cMonth;
}
if (cMonth > Math.floor(CalendarData[m] / 0x10000) + ) {
cMonth--;
}
}
}
function GetcDateString() {
var tmp = "";
tmp += tgString.charAt((cYear - ) % );
tmp += dzString.charAt((cYear - ) % );
tmp += "(";
tmp += sx.charAt((cYear - ) % );
tmp += ")年 ";
if (cMonth < ) {
tmp += "(闰)";
tmp += monString.charAt(-cMonth - );
} else {
tmp += monString.charAt(cMonth - );
}
tmp += "月";
tmp += cDay < ? "初" : cDay < ? "十" : cDay < ? "廿" : "三十";
if (cDay % != || cDay == ) {
tmp += numString.charAt((cDay - ) % );
}
return tmp;
}
function GetLunarDay(solarYear, solarMonth, solarDay) {
//solarYear = solarYear<1900?(1900+solarYear):solarYear;
if (solarYear < || solarYear > ) {
return "";
} else {
solarMonth = parseInt(solarMonth) > ? solarMonth - : ;
e2c(solarYear, solarMonth, solarDay);
return GetcDateString();
}
}
var D = new Date();
var yy = D.getFullYear();
var mm = D.getMonth() + ;
var dd = D.getDate();
var ww = D.getDay();
var ss = parseInt(D.getTime() / );
if (yy < ) yy = "19" + yy;
function showCal() {
let nonglitime = GetLunarDay(yy, mm, dd);
return nonglitime;
}
this.nongli = showCal()
}
}
};
</script>
<style scoped lang="less">
.gaia-header {
width: 100%;
height: 48px;
background-color: #192233;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
font-size: 12px;
.hello-user {
text-align: center;
width: 40%;
line-height: 24px;
}
.out-login {
float: right;
font-size: 14px;
span {
margin-right: 20px;
cursor: pointer;
i {
color: #56b8e9;
margin-right: 6px;
vertical-align: middle;
}
u {
text-decoration: none;
}
}
.icon-dianyuan1 {
color: #f56262;
}
}
}
</style>
js获取当前农历时间的更多相关文章
- js 获取当前的时间
第一个小程序,用js获取当前的时间,,比较特殊的是 月是从0开始算的,显示的时候要加1,获取日用getDate(),获取周 getDay(), 直接上代码 <!DOCTYPE html> ...
- js获取当前系统时间
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...
- js 获取当前系统时间
Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...
- js 获取系统当前时间
JS获取当前的日期和时间的方法:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...
- JS获取当前日期和时间的方法,并按照YYYY-MM-DD格式化
Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); ...
- JS获取日期和时间
//获取日期和时间 function showDate(){ var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFul ...
- Cocos Creator JS 获取当前日期与时间
var testDate = new Date(); testDate.getYear();//获取当前年份(2位) testDate.getFullYear(); //获取完整的年份(4位,1970 ...
- js获取当前日期和时间的代码
最佳答案 var myDate = new Date(); myDate.toLocaleDateString(): //获取当前日期myDate.toLocaleTimeString(); //获取 ...
- js 获取系统当前时间，判断时间大小
1.获取系统当前时间 getNowTime(tempminit) { if (!tempminit) { tempminit = 0; } var date = new Date(); date.se ...
随机推荐
- saltStack_Pillar
Pillar是Salt非常重要的一个组件,它用于给特定的minion定义任何你需要的数据,这些数据可以被Salt的其他组件使用.这里可以看出Pillar的一个特点,Pillar数据是与特定minion ...
- @noi.ac - 442@ 牛羊被他抢了
目录 @description@ @solution@ @accepted code@ @details@ @description@ 众所周知小G热衷于搏弈,有一天他来到你的大草原上,抢走了你所有的 ...
- vue-awesome-swiper轮播插件的使用方法及问题。
在使用vue-awesome-swiper的时候,遇到一些问题,记录一下! 1.npm 安装 npm install vue-awesome-swiper --save 2.使用 在mai ...
- css3 word-wrap属性
允许长单词换行到下一行: word-wrap:break-word
- BERT大火却不懂Transformer？读这一篇就够了 原版 可视化机器学习 可视化神经网络 可视化深度学习
https://jalammar.github.io/illustrated-transformer/ The Illustrated Transformer Discussions: Hacker ...
- BERT-Pytorch demo初探
https://zhuanlan.zhihu.com/p/50773178 概述 本文基于 pytorch-pretrained-BERT(huggingface)版本的复现,探究如下几个问题: py ...
- H3C 代理ARP
- jq实现简单手风琴效果
文章地址:https://www.cnblogs.com/sandraryan/ 利用slideUp slideDown动画 <!DOCTYPE html> <html lang=& ...
- Python--day72--Cookie和Session内容回顾
1. Cookie是什么 保存在浏览器端的键值对 为什么要有Cookie? 因为HTTP请求是无状态的 Cookie的原理? 服务端可以在返回响应的时候 做手脚 在浏览器上写入键值对(Cookie) ...
- HDU 1114 完全背包 HDU 2191 多重背包
HDU 1114 Piggy-Bank 完全背包问题. 想想我们01背包是逆序遍历是为了保证什么? 保证每件物品只有两种状态,取或者不取.那么正序遍历呢? 这不就正好满足完全背包的条件了吗 means ...