<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. [转]Netty实现原理浅析

    Netty是JBoss出品的高效的Java NIO开发框架,关于其使用,可参考我的另一篇文章netty使用初步.本文将主要分析Netty实现方面的东西,由于精力有限,本人并没有对其源码做了极细致的研 ...

  2. jq杂项方法/工具方法----trim() html() val() text() attr()

    https://www.cnblogs.com/sandraryan/ $.trim() 函数用于去除字符串两端的空白字符.在中间的时候不会去掉. var str = ' 去除字符串左右两端的空格,换 ...

  3. 从规则引擎到复杂事件处理(CEP)

    Drools Fusion既是规则引擎,又可以作为CEP.除了事件定义和时间推理之外,对于引擎本身也会有一些不同的使用.主要体现在会话时钟.流模式.滑动窗口和对事件的内存管理. 会话时钟 由于事件的时 ...

  4. Tensorflow安装问题: Could not find a version that satisfies the requirement tensorflow pip命令

    引言: Tensorflow大名鼎鼎,这里不再赘述其为何物.这里讲描述在安装python包的时候碰到的“No matching distribution found for tensorflow”,其 ...

  5. java什么是方法的重载(Overload)

    概念:        在同一个类中,允许存在一个以上的同名方法,只要它们的参数个数或者参数类型或参数顺序不同即可. 存在的原因: 屏蔽了一个对象的同一类方法由于参数不同所造成的差异. 特点: 与返回值 ...

  6. laravel post提交数据时显示异常

    post提交数据时候显示如下: The page has expired due to inactivity. Please refresh and try again 这是由于在laravel框架中 ...

  7. H3C OSPF基本配置命令

  8. CentOS7 添加FTP用户并设置权限

    step 1 安装配置Vsftp服务器 一.配置防火墙,开启FTP服务器需要的端口 CentOS 7.0默认使用的是firewall作为防火墙,这里改为iptables防火墙. 1.关闭firewal ...

  9. java 文件拷贝

    需求:源和目标! 那么我们需要源文件和目标文件! 构建管道的时候就需要两个:输出流和输入流管道! Eg: package july7file; //java7开始的自动关闭资源 import java ...

  10. VisualStudio 扩展开发 获得输出窗口内容

    本文告诉大家如何拿到 VisualStudio 输出窗口的内容 在上一篇告诉大家如何开发添加菜单 点击的时候可以使用方法,如果需要拿到 VisualStudio 的输出窗口的内容,如想要开发一个插件, ...