yg-moment
v1.0.6
Published
Parse, validate, manipulate, and display dates
Downloads
74
Maintainers
Readme
项目介绍
本项目用于时间格式化,涵盖部分时间格式化场景。具体可查看使用示例和使用帮助,有任何问题欢迎留言。
npm install yg-moment
import { dateFormat,getWeek } 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|
一、引入yg-moment.js
1.Node.js方式引入
(1)安装
npm install yg-moment 或者 yarn add yg-moment
(2)引入
import { dateFormat,getWeek } from 'yg-moment';