在后续的开发过程发现了如果不用到dayjs的地方,想要调用时间,则用new Date()函数时候,toString()的时候不能直接,要new Date().toISOString()
才可以得到
在做项目的时候发现表示时间的时候如果用自带的api很复杂,所以就想办法找新的库来用,一开始用
Moment.js,但是后来发现这个太大了,所以就转向了dayjs,可用的东西很多而且相对比较小一点。这些是官方文档给出的api和优势。
dayjs()
.startOf('month')
.add(1, 'day')
.set('year', 2018)
.format('YYYY-MM-DD HH:mm:ss')
🕒 和 Moment.js 相同的 API 和用法
💪 不可变数据 (Immutable)
🔥 支持链式操作 (Chainable)
🌐 国际化 I18n
📦 仅 2kb 大小的微型库
👫 全浏览器兼容
我去了他们官网阅读了一下,发现这个还有一个好处就是每次都会返回一个新的实例,使得不会改变原有数据,妙
安装
npm install dayjs --save
API
Day.js 有很多 API 来解析、处理、校验、增减、展示时间和日期
dayjs('2018-08-08') // 解析
dayjs().format('{YYYY} MM-DDTHH:mm:ss SSS [Z] A') // 展示
dayjs()
.set('month', 3)
.month() // 获取
dayjs().add(1, 'year') // 处理
dayjs().isBefore(dayjs()) // 查询
国际化 I18n
Day.js 支持国际化
但除非手动加载,多国语言默认是不会被打包到工程里的
import 'dayjs/locale/es' // 按需加载
dayjs.locale('es') // 全局使用西班牙语
dayjs('2018-05-05')
.locale('zh-cn')
.format() // 在这个实例上使用简体中文
插件
插件是一些独立的程序,可以给 Day.js 增加新功能和扩展已有功能
import advancedFormat from 'dayjs/plugin/advancedFormat' // 按需加载插件
dayjs.extend(advancedFormat) // 使用插件
dayjs().format('Q Do k kk X x') // 使用扩展后的API
而我本人则使用了其中一些api来操作时间,比如这个
beautify(string: string) {
const day = dayjs(string);
const now = dayjs();
if (day.isSame(now, 'day')) {
return '今天';
} else if (day.isSame(now.subtract(1, 'day'), 'day')) {
return '昨天';
} else if (day.isSame(now.subtract(2, 'day'), 'day')) {
return '前天';
} else if (day.isSame(now, 'year')) {
return day.format('M月D日');
} else {
return day.format('YYYY年M月D日');
}
}
这里我封装了一个beautify的函数,使得可以实现一个日期的转换成今天昨天的功能。