懒人必备 —— 时间神器 moment

建议先撸一遍官网

Moment.js 中文网Moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期http://momentjs.cn/

安装:

cnpm install moment

引入:

import moment from 'moment'; moment.locale('zh-cn');

小明说:还有没了, 我道:嗯 完了,就剩文档用法了!

念及此,写一个例子

 

 

  

 用例:

<template>
    <div>
        <el-button type="primary" @click="choseTime">时间</el-button>
    </div>
</template>

<script>
import moment from 'moment'; moment.locale('zh-cn');
export default {
    data() {
        return {
        };
    },
    methods: {
        // 安装:cnpm install moment
        // 引入:import moment from 'moment'; moment.locale('zh-cn');
        choseTime() {
            // console.log('时间对象' + new Date());

            // console.log('当前时间:' + moment().format('YYYY-MM-DD HH:mm:ss'));
            // console.log('时间毫秒:' + moment().format('X'))
            // console.log('当前月:' + moment().format('M'))
            // console.log(moment("20210327", "YYYYMMDD").fromNow());//要补零,一年前
            // console.log('时间格式化:' + moment().format('YYYY年MM月DD日 HH:mm:ss'));

            // 一般后台数据,是item.time,这里没有接口,就直接写标准时间了
            console.log('直接转化将后台数据格式化-会警告不是可识别的:' + moment(' Sun Mar 27 2022 00:43:11 GMT+0800 (中国标准时间)').format('YYYY年MM月DD日 HH:mm:ss'));
            
            // 解决警告
            console.log('解决警告用时间对象将后台时间数据包裹下:' + moment(new Date('Sun Mar 27 2022 11:12:11 GMT+0800 (中国标准时间)')).format('YYYY年MM月DD日 HH:mm:ss'));
        }
    },

};
</script>


<style lang="scss" scoped >
//@import '引入的css文件';
</style>

 总结过程:

       安装:cnpm install moment

       引入:import moment from 'moment'; moment.locale('zh-cn');

我之前写过类似的时间文,可以参考,掌握更加扎实

时间格式转换_0.活在风浪里的博客-CSDN博客<script> // 获取当前毫秒戳 console.log(new Date().getTime()); //ml:18 1638152442833 // 获取当前毫秒戳 console.log(Date.now()); //ml:18 1638152442833 // 需求将毫秒变时间 [1638152442833 ---> 2021年11月29日10:07:19] console.log(new Date(163815..https://blog.csdn.net/m0_57904695/article/details/121604466?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164831467016782248516545%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164831467016782248516545&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-2-121604466.nonecase&utm_term=%E6%97%B6%E9%97%B4&spm=1018.2226.3001.4450 vue过滤器--几天前、几周前_0.活在风浪里的博客-CSDN博客function diaplayTime(data) { //将字符串转换成时间格式 let timePublish = new Date(data); let timeNow = new Date(); let minute = 1000 * 60; let hour = minute * 60; let day = hour * 24; let month = day * 30; ...https://blog.csdn.net/m0_57904695/article/details/121517498?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164831467016782248516545%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164831467016782248516545&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-4-121517498.nonecase&utm_term=%E6%97%B6%E9%97%B4&spm=1018.2226.3001.4450

计算属性 + Vue2 、Vue3 wacth + 过滤器_0.活在风浪里的博客-CSDN博客我热爱 vue.js , ElementUI , Element Plus 相关技术栈,我的目标是给大家分享最实用、最有用的知识点,希望大家都可以早早下班,并可以飞速完成工作,淡定摸鱼????。你可以在csdn关注我:活在风浪里,也可以在快手里找到我:张坤【视频达人】。希望大家在 2022 变得更强。https://blog.csdn.net/m0_57904695/article/details/121729323?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164831467016782248516545%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164831467016782248516545&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-7-121729323.nonecase&utm_term=%E6%97%B6%E9%97%B4&spm=1018.2226.3001.4450 

 如果对你有帮助,收藏以备找时方便,

结语: 

祝大家早早下班,没有bug, 

猜你喜欢

转载自blog.csdn.net/m0_57904695/article/details/123767269