<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. Python的内置方法,abs,all,any,basestring,bin,bool,bytearray,callable,chr,cmp,complex,divmod

    Python的内置方法 abs(X):返回一个数的绝对值,X可以是一个整数,长整型,或者浮点数,如果X是一个复数,此方法返回此复数的绝对值(此复数与它的共轭复数的乘积的平方根) >>> ...

  2. 推荐几个web前端比较实用的网站

    第一次写博客,说实在的有点紧张和兴奋,哈哈哈哈,本人工作了有两年的时间,平时也有做笔记的习惯,但是都做得乱七八糟的,所以就想通过写博客来记录.好了,废话不多说了,先来几个觉得在工作中使用到的,还不错的 ...

  3. php中 instanceof有什么作用

    php中 instanceof有什么作用 作用:(1)判断一个对象是否是某个类的实例,(2)判断一个对象是否实现了某个接口.

  4. linux用户权限管理, chmod, ln

    1 /etc/passwd文件 用户名  密码    UID        GID           Full Name                      主目录               ...

  5. java面向接口编程之制定标准和简单工厂模式

    制定一个标准,让别人去实现或者说满足它! Eg: interface USB{//定义USB标准 void useUSB();//USB有使用USB的行为 } 简单工厂模式 构建一个工厂出来,在里面进 ...

  6. vue用法父组件调用子组件方法--->$refs

    vue下载excel模板(放入弹框独立出来)后再导入表格 子组件 <el-dialog title="导入" :visible.sync="dialogVisibl ...

  7. H3C 静态黑洞路由应用

  8. 【js】vue 2.5.1 源码学习 (三) Vue.extend 和 data的合并策略

    大体思路 (三)  1. 子类父类  2.Vue.extend()      //创建vue的子类 组件的语法器 Vue.extend(options) Profile().$mount('#app' ...

  9. The Function() Constructor

    Functions are usually defined using the function keyword, either in the form of a function definitio ...

  10. javaScript通过URL获取参数

    // 函数方法 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=( ...