moment.js日期格式化so easy!

moment.js是一个JavaScript 日期处理类库。很强大、巨方便,笔者项目中也一直在使用。

1、安装

npm install moment --save

除了npm、yarn也可以直接下载moment.js文件,在页面中用script标签这种传统方式引入。

2、使用

2.1、在普通HTML页面中使用

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日期格式化</title>
    <script src="https://momentjs.com/downloads/moment.js"></script>
</head>
<body>
    <script>
        var dateStr = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
        document.write(dateStr)
    </script>
</body>
</html>

点击预览

2.2、在Vue.js中使用

在Vue项目的main.js中先引入

import moment from 'moment'
Vue.prototype.$moment = moment

在需要格式化的vue组件中调用

this.$moment(new Date()).format('YYYY-MM-DD HH:mm');

moment.js官网地址:https://momentjs.com/

本博客采用 知识共享署名-禁止演绎 4.0 国际许可协议 进行许可

本文标题:moment.js日期格式化so easy!

本文地址:https://dev-tang.com/post/2020/05/moment.js.html

推荐阅读