小白学习日记——Vue2作业中的知识点合集
目录
关于时间
在写作业的过程中,要求我们要获取实时的时间、日期以及农历的日期。
农历时间
先是下载了一个npm包
npm install chinese-lunar-calendar -D --legacy-peer-deps
其次,在script中引入
import {
getLunar } from "chinese-lunar-calendar";
时间(总的代码)
<template>
<div id="app">
<span>农历时间是:{
{
getLunarDay.lunarYear }}{
{
getLunarDay.dateStr }} </span> <br />
<span>日期是:{
{
getDay }}</span>
<br />
<span>时间是:{
{
getTime }}</span>
</div>
</template>
<script>
import {
getLunar } from "chinese-lunar-calendar";
export default {
data() {
return {
getLunarDay: "", // 农历日期
getTime: "", // 时间
getDay: "", // 日期
timer: "", // 定时器
};
},
methods: {
getDataTime() {
let date = new Date();
let yy = date.getFullYear(); // 年
let mm =
date.getMonth() + 1 < 10
? "0" + date.getMonth() + 1
: date.getMonth() + 1; // 月
let dd = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); // 日
let week = date.getDay(); // 星期
let weekArr = [
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六",
]; // 星期
let hh = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); //小时
let ff =
date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); //分钟
this.getLunarDay = getLunar(yy, mm, dd); //转化成农历日期
this.getTime = hh + ":" + ff; // 时间
this.getDay = yy + "/" + mm + "/" + dd + "/" + weekArr[week]; //日期
},
},
mounted() {
this.getDataTime();
let _this = this;
this.timer = setInterval(() => {
_this