moment.js与dayjs安装与使用

Posted 2023-04-07

参考技术A 安装moment

moment 可以在浏览器和Nodejs环境中引入。以浏览器为例

Moment对象长这样子。

它并不会自行转换成时间字符串。
用format方法尝试 转换,它是一个标明了时区的绝对时间

语言的引入
经测试，并没有得到想要的结果。

新建对象的形式

赋值或者取值。赋值传值，取值不传

求一组时间的最大值和最小值

增加、减少相对时间，比如增加7天

格式化

其它方法

这里只是很小一部分方法，其余看官网
http://momentjs.cn/docs/

Day.js被设计用于在浏览器和Node.js中工作。
安装

以浏览器为例，引入

dayjs对象

国际化, dayjs的国际化设置没有问题。

dayjs与moment大同小异。不同的是dayjs实现某些功能需要另外引入插件，dayjs本身提供一个较小的包。
引入插件

大概看看dayjs的一些方法，基本上与moment的方法名是一致的

将 moment.js 与 vue.js 一起使用

【中文标题】将 moment.js 与 vue.js 一起使用

【英文标题】：Using moment.js with vue.js

【发布时间】：2018-07-03 04:01:15

【问题描述】：

我正在将 Bootstrap-Vue 与 JavaScript 结合使用，我想在我的代码中使用 Moment.js。

我得到了时间，但它不正确...有人可以帮我吗？？

顺便说一下，这是我在 *** 上的第一个问题，如果我问错了，我深表歉意。

谢谢。

var moment = require('moment')
export default 
    name: 'something',
    data() 
        return 
            something: [],
            currentPage: 1,
            total_something: 1,
            something_fields: 
                id: 
                    label: 'Id',
                    sortable: true
                ,
                purpose: 
                    label: 'Purpose',
                    sortable: false
                ,
                state: 
                    label: 'State',
                    sortable: false
                ,
                updated: 
                    key: 'updated',
                    label: 'Updated',
                    formatter: (value, key, item) => 
                            return moment(item.updated).calendar();

                    
                
            ,
        
    ,
    created() 
        this.loadSomething(0, 10)
    ,
    watch: 
        currentPage: function (newPage) 
            this.loadSomething(newPage, 10)
        
    , methods: 
        loadSomethings(currentPage, limit) 
            if (!(Number.isInteger(currentPage) && Number.isInteger(limit))) 
                currentPage = 0
                limit = 10
            
            var offset = (currentPage - 1) * limit
            window.API.get('something?offset=' + offset + '&limit=' + limit)
                .then(response => 
                    this.something = response.data.something;
                    this.total_something s = response.data.total;
                    console.log(response.data.something)
                )
                .catch(e => 
                    this.errors.push(e)
                )
        
    

【问题讨论】：

I get the time but it's not correct 不是很有帮助。

moment(item.updated).calendar(); -> 什么是 item.updated ？你为什么使用日历？当前输出与预期输出是多少？ console.log(moment().format("DD/MM/YYYY HH:mm") 的结果是什么？

亲爱的 Weedoze，就像我说的，这是我的第一次，我也是初级程序员。我使用日历的原因是打印例如（上周四下午 3:32）或（今天上午 9:00）。 console.log(moment().format("DD/MM/YYYY HH:mm") 在我的代码中没有结果。

【参考方案1】：

使用这个：

updated:
    key: 'updated',
    label: 'Updated',
    formatter: (value, key, item) => 
        return moment(item.updated).format('DD-MM-YYYY');
    

【参考方案2】：

formatter: (value, key, item) => 
      if(item.updated) 
         return moment(item.updated).format(); // format(YOUR DATE FORMAT)
      

https://momentjs.com/docs/

【讨论】：

好的，但是我应该把它放在哪里，放在什么文件中，我应该如何包含 moment.js？您能否扩展一下，我很困惑，moment.js 文档也没有达到这一点。

@gerardv 你需要安装npm包并导入moment js来声明文件flaviocopes.com/momentjs