<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获取当前农历时间的更多相关文章

  1. js 获取当前的时间

    第一个小程序,用js获取当前的时间,,比较特殊的是 月是从0开始算的,显示的时候要加1,获取日用getDate(),获取周 getDay(), 直接上代码 <!DOCTYPE html> ...

  2. js获取当前系统时间

    Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...

  3. js 获取当前系统时间

    Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...

  4. js 获取系统当前时间

    JS获取当前的日期和时间的方法:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...

  5. JS获取当前日期和时间的方法,并按照YYYY-MM-DD格式化

    Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear(); ...

  6. JS获取日期和时间

    //获取日期和时间 function showDate(){ var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFul ...

  7. Cocos Creator JS 获取当前日期与时间

    var testDate = new Date(); testDate.getYear();//获取当前年份(2位) testDate.getFullYear(); //获取完整的年份(4位,1970 ...

  8. js获取当前日期和时间的代码

    最佳答案 var myDate = new Date(); myDate.toLocaleDateString(): //获取当前日期myDate.toLocaleTimeString(); //获取 ...

  9. js 获取系统当前时间,判断时间大小

    1.获取系统当前时间 getNowTime(tempminit) { if (!tempminit) { tempminit = 0; } var date = new Date(); date.se ...

随机推荐

  1. WebSocket 实时更新mysql数据到页面

    使用websocket的初衷是,要实时更新mysql中的报警信息到web页面显示 没怎么碰过web,代码写的是真烂,不过也算是功能实现了,放在这里也是鞭策自己,web也要多下些功夫 准备 引入依赖 & ...

  2. Logtail提升采集性能

    默认性能限制 为防止滥用消耗过多机器资源,我们对默认安装的Logtail进行了一系列的资源限制.默认安装的Logtail最多日志采集速度为20M/s,20个并发发送. 其他资源限制请参考:启动参数 h ...

  3. 2019-2-11-WPF-获取应用的所有窗口

    title author date CreateTime categories WPF 获取应用的所有窗口 lindexi 2019-02-11 08:55:31 +0800 2019-02-11 0 ...

  4. [C#] 调试silverlight的时候,总是报“向占位程序传送了空的索引指针”

    这是由于visual studio在调试silverlight的时候,必须和ie一起工作. 按照以下步骤可以把ie设为visual studio的默认浏览器(不用修改操作系统的默认浏览器): 1) 在 ...

  5. java NIO之HelloWorld

    Java NIO(New IO)是从Java 1.4版本开始引入的一个新的IO API,可以替代标准的Java IO API,以便提高传输速度.但实际上,在最新的JDK中旧的I/0包已经使用NIO重新 ...

  6. mybatis plus3.1.0 热加载mapper

    今天又开始写业务代码了,每次修改SQL都要重启服务,实在是浪费时间. 想起之前研究过的<mybatis plus3.1.0 热加载mapper>,一直没有成功,今天静下心来分析了问题,终于 ...

  7. 2018-8-10-VisualStudio-合并代码文件

    title author date CreateTime categories VisualStudio 合并代码文件 lindexi 2018-08-10 19:16:52 +0800 2018-2 ...

  8. 【codeforces 761B】Dasha and friends

    time limit per test2 seconds memory limit per test256 megabytes inputstandard input outputstandard o ...

  9. 关于后台动态模板添加内容的总结 Builder使用

    1.后台控制器中ArticleController中加载 formBuilder,listBuilder类: 2.实例化FormBuilder对象,调用类中的方法: 3.初始化时加载Builder/f ...

  10. python基础三之字符串

    Python的数据类型 数字(int),如1,2,3,用于计算. 字符串(str),如s = 'zxc',储存少量数据,进行操作. 布尔值(bool),True和False,用于进行判断. 列表(li ...