<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(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>

转载于:https://www.cnblogs.com/cqy1125/p/10814954.html

js获取当前农历时间相关推荐

  1. js获取浏览器当前时间

    js获取浏览器当前时间:格式:2020-05-18 10:44:40 <script type="text/javascript">var nowDate=new Da ...

  2. js获取 日期 星期 时间

    代码: <SCRIPT> function Refresh(){  Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.c ...

  3. js如何获取计算机当前时间,js获取当前系统时间

    搜索热词 下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. var myDate = new Date(); myDate.getYear( ...

  4. Js获取当前系统时间，24小时制

    Js获取当前系统时间 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear();    / ...

  5. js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ

    js获取ISO8601规范时间,使用UTC时间,格式为:YYYY-MM-DDThh:mm:ssZ var d = new Date(); d.setHours(d.getHours(), d.getM ...

  6. js 实时显示服务器时间,js获取服务器实时时间

    本文主要和大家分享js获取服务器实时时间,主要以代码的方法和大家分享,希望能帮助到大家. AJAX获取服务器时间 /* * ajax 函数,处理 ajax 请求 * @param function c ...

  7. js获取系统当前时间并格式化

    js获取系统当前时间并格式函数: Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() ...

  8. Js获取年月日及时间转换

    Js获取年月日及时间转换 1.获取年.月.日和将时间戳转换成日期格式 // 简单的一句代码 var date = new Date(时间戳); //获取一个时间对象 /** 下面是获取时间日期的方法, ...

  9. JS获取当前日期及时间

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

  10. js 获取当前gmt时间_js获取当前时区GMT

    1:js获取当前时区GMT 首先引入插件: // 获取当前时区GMT var timezone = jstz.determine(); var Asia = timezone.name(); 2:字符 ...

最新文章

  1. CentOS6.9 ARM虚拟机扩容系统磁盘
  2. 提升工作效率，请收下这10个办公神器
  3. ruquireJS入门
  4. supersu二进制更新安装失败_helm安装教程
  5. java getoptionvalue_How to get option value in database
  6. 相邻记录日期差 oracle,sql 相邻2条记录时间差比较
  7. clickhouse集群表删除_携程用ClickHouse轻松玩转每天十亿级数据更新
  8. 新知丨口服益生菌是商业噱头？
  9. 反射与二次加工标准类型
  10. matlab如何找出最小的数据,读取数据并找出全部数据的最大值和最小值
  11. 2014 年度 Git@OSC 最热门的 50 个项目
  12. sql 获取数据库字段信息_使用DBATools获取SQL数据库详细信息
  13. ping包优化版本python
  14. 删数问题 详解（C++）
  15. 代码管理学：首次提出代码的平台化思维
  16. 文字处理(WORD/WP)中，布局与绘制必然分开
  17. 80核处理器_【装机帮扶站】第338期：95元的6核心12线程处理器
  18. 极客云原生营-云原生知识
  19. win7 共享wifi 手机如何上网
  20. Ubuntu 修改 apt 源为阿里云源

热门文章

  1. Eclipse+Java+Swing实现企业人事管理系统
  2. 任务管理器已被管理员禁用win10
  3. 面向对象编程介绍，类和对象
  4. Quora cqa问题抓取
  5. （转）移动端自适应方案
  6. dreamweavercc 数据库_dreamweaver两种方法连接数据库(测试成功,超详细步骤)
  7. 郭霖：手把手教你实现 App 360 度旋转看车效果
  8. red5搭建流媒体直播系统
  9. 在html中加入高德地图,javascript高德地图放到网页中的方法
  10. 全球及中国飞行时间传感器芯片行业研究及十四五规划分析报告