在前端开发过程中,处理日期时间是一个常见的需求,并且涉及到的操作较多,如格式化、比较、转换等。此时,helper-date-moment 这个 npm 包就可以起到很好的辅助作用,它是基于 moment.js 开发的一个辅助包,提供了一些常见的日期时间操作函数。
本文将介绍如何使用 helper-date-moment 包,包括安装、引入和具体使用等内容,并提供相应的示例代码。
安装
安装 helper-date-moment 包非常简单,只需要在项目的根目录下执行以下命令即可:
npm install helper-date-moment --save
引入
在使用 helper-date-moment 包前,需要先引入它。可以使用以下语句:
import { formatDate, formatTime, today, now } from 'helper-date-moment'
然后,就可以使用这些函数来处理日期时间了。
使用
formatDate
formatDate
函数用于将日期对象或字符串按照指定的格式进行格式化输出。格式化字符串使用 moment.js 的语法,具体可以参考 moment.js 的文档。
示例代码:
const date = new Date('2021/10/09') console.log(formatDate(date, 'YYYY年MM月DD日')) // 输出:2021年10月09日
formatTime
formatTime
函数用于将日期对象或字符串按照指定的格式进行格式化输出。与 formatDate
函数不同的是,它只输出时间部分。
示例代码:
const date = new Date('2021/10/09 19:30:45') console.log(formatTime(date, 'HH:mm:ss')) // 输出:19:30:45
today
today
函数用于获取当前日期的字符串表示。
示例代码:
console.log(today()) // 输出:2021-11-08
now
now
函数用于获取当前时间的字符串表示。
示例代码:
console.log(now()) // 输出:2021-11-08 22:54:12
总结
helper-date-moment 包提供了一些常见的日期时间操作函数,使用起来非常简单。本文介绍了该包的安装、引入和使用,包括四个函数:formatDate
、formatTime
、today
和 now
,还提供了相应的示例代码。在实际开发中,可以根据具体需求选用相应的函数。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067355890c4f7277583b3b