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/