在前端开发中,经常需要对日期进行格式化的操作,例如将时间戳转换为字符串等等。dateformat-util 是一个方便的 npm 包,专门用于对日期进行格式化操作。本文将向大家介绍如何使用它。
安装 dateformat-util
在命令行中使用以下语句可以全局安装 dateformat-util:
npm install -g dateformat-util
也可以在您的项目中进行安装:
npm install dateformat-util
使用方法
安装完 dateformat-util 后,就可以开始调用它的功能了。
formatDate(date, format)
formatDate 接受两个参数,第一个是 Date 对象,第二个是字符串格式,表示你想将日期格式化成什么样子。以下是一些常见的格式字符串:
- yyyy-MM-dd (例如:2022-06-16)
- yyyy/MM/dd (例如:2022/06/16)
- yyyy-MM-dd HH:mm:ss (例如:2022-06-16 10:00:00)
- yyyy/MM/dd HH:mm:ss (例如:2022/06/16 10:00:00)
示例代码:
const dateFormat = require('dateformat-util'); const date = new Date('2022/06/16 10:00:00'); const formattedDate = dateFormat.formatDate(date, 'yyyy/MM/dd HH:mm:ss'); console.log(formattedDate); // 输出:2022/06/16 10:00:00
parseDate(dateStr, format)
parseDate 方法也接受两个参数。第一个参数是字符串类型的日期,第二个参数是格式化字符串。该方法将字符串类型的日期转换成 Date 对象。
示例代码:
const dateFormat = require('dateformat-util'); const dateString = '2022/06/16 10:00:00'; const date = dateFormat.parseDate(dateString, 'yyyy/MM/dd HH:mm:ss'); console.log(date); // 输出:Thu Jun 16 2022 10:00:00 GMT+0800 (中国标准时间)
参数模板
dateformat-util 的第二个参数,可以通过一些特殊字符直接传递一些参数,下面为您列举一些常见的参数:
- yyyy:年份代号,例如 2022 将会使用 yyyy 来表示
- MM:月份代号,由于 JavaScript 中月份的代码是从 0 开始,所以需要使用 MM 来表示月份
- dd:表示日期中的天数
- hh:12 小时制的小时数,如果是一位数,则自动补零
- HH:24 小时制的小时数,如果是一位数,则自动补零
- mm:分钟数,如果是一位数,则自动补零
- ss:秒数,如果是一位数,则自动补零
示例代码:
const dateFormat = require('dateformat-util'); const date = new Date('2022/06/16 10:00:00'); // 等价于 '2022-06-16 10:00:00' const formattedDate = dateFormat.formatDate(date, 'yyyy-MM-dd HH:mm:ss'); console.log(formattedDate); // 输出:2022-06-16 10:00:00
总结
dateformat-util 可以简化对日期的格式化操作,让我们可以用更简单的代码实现更难的需求。使用顺畅,配置方便,是一个优秀的 npm 包。希望这篇文章对你有所帮助,谢谢!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005584381e8991b448d5778