实现效果
安装
npm install yg-moment
引入
import { dateFormat, getWeek, beforeDateFormat } from "yg-moment";
使用示例
<template>
<div id="data-view">
<h1>{{ time }}</h1>
<h1>{{ week }}</h1>
<h1>{{ beforeTime }}</h1>
</div>
</template>
<script>
import { dateFormat, getWeek, beforeDateFormat } from "yg-moment";
export default {
name: "YgMoment",
data() {
return {
time: "",
week: "",
beforeTime: "",
};
},
created() {
this.init();
setInterval(() => {
this.init();
}, 500);
},
methods: {
/**
* getWeek此函数用于获取当前日期或指定日期是星期几，并以中文形式返回。
* 如果未提供时间戳，则使用当前周几。
* 返回值为0-6，分别代表星期日到星期六。
* @param {string} [timestamp] - 可选参数，表示要查询的时间戳。如果未提供，则使用当前时间。
* @returns {string} 中文表示的星期几，例如"星期一"。
*/
getWeek() {
this.week = getWeek();
},
/**
* beforeDateFormat此函数用于获取指定日期离当前时间间隔多久，并以中文形式返回。（1年前，1个月前，1周前，1天前，1小时前，1分钟前，刚刚。）
* 如果未提供时间戳，返回undefined 页面不报错也不做任何显示。
* 返回值为0-6，分别代表星期日到星期六。
* @param {string} [timestamp] - 必传参数，表示要查询的时间戳 必须是当前时间之前的时间戳，否则会返回 刚刚。
* @returns {string}返回【 1年前，1个月前，1周前，1天前，1小时前，1分钟前，刚刚】
*/
beforeDateFormat() {
// this.beforeTime = beforeDateFormat(new Date('2024-07-04 18:30:00').getTime());
this.beforeTime = beforeDateFormat(new Date("2024-07-04").getTime());
},
/**
* getTime此函数用于获取时间 格式默认返回：YYYY-mm-dd HH:MM:SS 年-月-日 时：分：秒
* 如果未提供时间戳，返回当前时间。
* @param {string} [format="YYYY-mm-dd HH:MM:SS"] - 必传参数，表示要格式化的时间格式
* @param {string} [timestamp] - 可选参数，表示要查询的时间戳，不传则默认为当前时间戳
* @returns {string}返回 年-月-日 时：分：秒
*/
getTime() {
// this.time = dateFormat("YYYY-mm-dd");// 返回 2024-07-04
this.time = dateFormat("YYYY-mm-dd HH:MM:SS"); // 返回 2024-07-04 18:30:00
},
init() {
this.getTime();
this.getWeek();
this.beforeDateFormat();
},
},
};
</script>
<style scoped>
</style>
文章部分 到此结束，下面是使用帮助。可以不看。日期定制化需求比较多时可查看使用帮助
使用帮助
| yg-moment格式化时间 | 说明文档 | |
|---|---|---|
| 格式代码 | 说明 | 返回值例子 |
| M | 数字表示的月份，没有前导零 | 1到12 |
| MM | 数字表示的月份，有前导零 | 01到12 |
| MMM | 三个字母缩写表示的月份 | Jan到Dec |
| MMMM | 月份，完整的文本格式 | January到December |
| Q | 季度 | 1到4 |
| D | 月份中的第几天，没有前导零 | 1到31 |
| DD | 月份中的第几天，有前导零 | 01到31 |
| d | 星期中的第几天，数字表示 | 0到6，0表示周日，6表示周六 |
| ddd | 三个字母表示星期中的第几天 | Sun到Sat |
| dddd | 星期几，完整的星期文本 | 从Sunday到Saturday |
| w | 年份中的第几周 | 如42：表示第42周 |
| YYYY | 四位数字完整表示的年份 | 如：2014 或 2000 |
| YY | 两位数字表示的年份 | 如：14 或 98 |
| A | 大写的AM PM | AM PM |
| a | 小写的am pm | am pm |
| HH | 小时，24小时制，有前导零 | 00到23 |
| H | 小时，24小时制，无前导零 | 0到23 |
| hh | 小时，12小时制，有前导零 | 00到12 |
| h | 小时，12小时制，无前导零 | 0到12 |
| m | 没有前导零的分钟数 | 0到59 |
| mm | 有前导零的分钟数 | 00到59 |
| s | 没有前导零的秒数 | 1到59 |
| ss | 有前导零的描述 | 01到59 |
| X | Unix时间戳 | 1411572969 |
