懒人必备 —— 时间神器 moment

建议先撸一遍官网

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

安装:

cnpm install moment

引入:

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

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

念及此,写一个例子

懒人必备 —— 时间神器 moment_第1张图片 

懒人必备 —— 时间神器 moment_第2张图片 

  

 用例:



<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博客

你可能感兴趣的:(插件,moment,时间,插件,开发,分享)