最近再试着玩的时候发现了网上一个组件(获取农历)具体如下:

下载组件 chinese-lunar-calendar

1.npm install --save chinese-lunar-calendar

这样就可以再需要的页面引用了,具体如下:

<script>
import { getLunar } from 'chinese-lunar-calendar'
export default {data() {return {getLunarDay: '',year: new Date().getFullYear(),month: new Date().getMonth() + 1,date: new Date().getDate()}},mounted() {// 获取农历this.getLunarDay = getLunar(this.year, this.month, this.date)console.log(this.getLunarDay)}
}
</script>

上方转自:https://blog.csdn.net/weixin_44483624/article/details/115455486

输出什么的点击原文链接就可以看的到,当然,通过这个就能得到当天的农历日期,但是我想做的是一个这样的

外边是阳历几号 (获取当前日期后通过slice分割出来)括号内是农历日期;

思前想后决定封装两个方法 beforeTime (昨天) afterTime(明天),再将获取到当天日期的天数传进去  beforeDay是往前几天(由于写了一个前天   昨天  今天 新加的,后边没要,就简单修改了一下)代码如下:

//昨天beforeTime(year, month, day,beforeDay) {if (day-beforeDay < 1  ) {// if (day == 1) {month--;if (month == 0) {month = 12;year--;}if (month == 1 ||month == 3 ||month == 5 ||month == 7 ||month == 8 ||month == 10 ||month == 12) {day = day-beforeDay+31;} else if (month == 4 || month == 6 || month == 9 || month == 11) {day = day-beforeDay+30;//  month--} else if (month == 2) {if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {day = day-beforeDay+29;} else {day =day-beforeDay+28;// day = 28-beforeDay+day}}// }}else{day -= beforeDay}return { year, month, day};},//明天
afterTime(year, month, day) {if (month == 1 ||month == 3 ||month == 5 ||month == 7 ||month == 8 ||month == 10 ||month == 12) {if (day == 31) {day = 1;if (month == 12) {month = 1;year++;} else {month++;}} else {day++;}} else if (month == 4 || month == 6 || month == 9 || month == 11) {if (day == 30) {day = 1;month++;} else {day++;}} else if (month == 2) {if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {if (day == 29) {day = 1;month++;} else {day++;}} else {if (day == 28) {day = 1;month++;} else {day++;}}}return { year, month, day };},

到这个地方就基本完成了   接下来就是获取赋值分割字符串在拼接一下,具体看代码(明天):

 // 明天let oldDateTime = this.afterTime(year, month + 1, day);this.fea_day = oldDateTime.day;this.getLunarFea = getLunar( oldDateTime.year, oldDateTime.month, oldDateTime.day);var fea_lunar = this.getLunarFea.dateStr;this.lunar_fea = fea_lunar.slice(2);

拼接字符串:

  <el-tab-pane :label="fea_day + '(' + lunar_fea + ')'">

最后效果就实现了。虽然简单,但还是有记录的成就感!

昨天、今天、明天的写法相关推荐

  1. python代码获取今天、昨天、明天的日期

    python代码获取今天.昨天.明天的日期 #python代码获取今天.昨天.明天的日期 # Python program to find yesterday, # today and tomorro ...

  2. php时间戳 今天昨天,php求今天、昨天、明天时间戳的简单实现方法

    搜索热词 本文实例讲述了PHP求今天.昨天.明天时间戳的简单实现方法.分享给大家供大家参考,具体如下: PHP;"> echo strtotime('now'),' ';//现在 ec ...

  3. linux中用shell获取昨天、明天或多天前的日期

    linux中用shell获取昨天.明天或多天前的日期时间 2015-12-08 09:33:00 BlogJava-专家区 原文 http://www.blogjava.net/xzclog/arch ...

  4. php表示昨天_php获取今天、昨天、明天的日期

    php获取今天.昨天.明天的日期echo "今天:".date("Y-m-d")." "; echo "昨天:".dat ...

  5. [Hive举例]-- hive获取今天、昨天、明天和前一个小时、后一个小时的日期

    主题:解决hive获取今天.昨天.明天的日期的问题 注意:由于hive内置函数中,没有提供获取昨天和明天的日期函数,所以需要编写自定义函数去实现 1.获取今天时间(格式可以自定义) 语句: selec ...

  6. DirectX—昨天,今天,明天[1]

    DirectX-昨天,今天,明天[1] [原创] 龙芯X 2004-01-19     现在游戏的种类与数量几乎呈爆炸式增长,游戏的制作水平也不断提高,那么玩家在欣赏游戏中那绚丽的效果时,有没有想过是 ...

  7. JS 判断日期是不是今天、昨天、明天

    // 判断日期是不是今天.昨天.明天 const isToday = (str) => {let d = new Date(str).setHours(0, 0, 0, 0);let today ...

  8. 昨日日期 php,php昨天日期_PHP日期实例 php获取今天、昨天、明天的日期

    摘要 腾兴网为您分享:PHP日期实例 php获取今天.昨天.明天的日期,作业盒子,智慧农业,找乐助手,一起成长等软件知识,以及水果忍者,我的电脑,金山毒霸版,金牌君英语app,马上来,cf微端,st ...

  9. dnf剑魂buff等级上限_DNF昨天·今天·明天:小晶体上架无数量限制,公会本奖励再增加...

    大家好,本期我为玩家们带来的是DNF专栏节目"昨天·今天·明天".随着4.23的脚步临近,相信越来越多的小伙伴开始期待,毕竟DNF最近的人气一直萎靡不振,再加上策划的各种骚操作,使 ...

  10. php输出今天明天后天的代码,php求今天、昨天、明天时间戳的简单实现方法

    php求今天.昨天.明天时间戳的简单实现方法 本文实例讲述了php求今天.昨天.明天时间戳的简单实现方法.分享给大家供大家参考,具体如下: echo strtotime('now'),' ';//现在 ...

最新文章

  1. function在php中,function
  2. Uva 11400 - Lighting System Design (DP)
  3. python学习笔记项目_python学习笔记——肆
  4. WordPress的用户系统总结
  5. 能在任意一种框架中复用的组件,太牛了!
  6. 初始Bootstrap
  7. 使用设计模式构建通用数据库访问类
  8. access update语句执行_SQL Server与Access数据库sql语法十大差异
  9. oracle约束的相关总结
  10. 小心这 10 个云计算错误!
  11. kotlin特性之object、apply用法总结
  12. 《linux c编程指南》学习手记2
  13. python3-关于GitHub的最基本操作
  14. Oracle 子查询优化思路
  15. KEIL设置程序起始地址无效解决方法,STM32 IAP程序起始地址
  16. 双臂电桥测低电阻大物实验数据处理(C++实现)
  17. Cocos Creator 获得手机陀螺仪(Gyrometer)数据
  18. log4j漏洞分析及总结
  19. 一寸照片变换背景色操控变形
  20. 在线云客服管理系统、会话管理、访客管理、客户管理、工单管理、会话记录、考勤统计、数据报表、工单设置、全局设置、人工服务、自动回复、客户标签、客服监控、客服系统、前端会话、客服管理、在线客服 、人工客服

热门文章

  1. org.Hs.eg.db安装
  2. 论文写作全攻略|一篇学术科研论文该怎么写
  3. 【小组专题二:博弈论入门综述(1)】NP状态 | SG函数 | 巴什博奕、威佐夫博弈、斐波那契博弈、Nim游戏、SJ定理
  4. 游戏感:虚拟感觉的游戏设计师指南——译序和引言
  5. ST-Link使用教程
  6. Python用img2pdf库批量转换图片为PDF文件
  7. 随然响应式导航网址目录主题 4.0.0 站长导航网址程序源码 全局SEO zblog博模板源码
  8. msm8953 android7.1 配置笔记
  9. 如何确定一抗 二抗 到底选哪个种属以csf1r pdggfa抗体说明书为例子
  10. Linux 最强知识图谱,帮你搞定80%高频问题