首页 >> 大全

Day.js :一个只有2KB的处理时间和日期的 JavaScript 库

2023-12-08 大全 23 作者:考证青年

1.介绍

Day.js是一个极简的库,可以为现代浏览器解析、验证、操作和显示日期和时间。

官网:

使用文档:

1.为什么使用Day.js

文件大小只有2KB左右,下载、解析和执行的更少,为代码留下更多的时间。

2.沙箱

所有更改Day.js对象的API操作都将返回一个新的实例。这有助于防止错误和避免长时间的调试会话。

3.国际化

Day.js对国际化有很大的支持。但是,除非您使用它们,否则它们都不会包含在您的构建中。

2.安装

npm安装

> npm install dayjs --save

项目使用

var dayjs = require('dayjs')
//import dayjs from 'dayjs' // ES 2015
dayjs().format()
#浏览器
<script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.4.1/dayjs.min.js"></script>
<script>dayjs().format()
</script>

CDN引入

Day.js可以通过CDN提供商,如, unpkg和等引入

#

Day.js在NPM包中提供了的正式类型声明。

npm安装

npm dayjs --save

导入并在文件中使用

import * as dayjs from 'dayjs'
dayjs().format()
如果你的tsconfig.json包含以下配置,您必须执行默认的导入工作流import dayjs from 'dayjs'{ //tsconfig.json"compilerOptions": {"esModuleInterop": true,"allowSyntheticDefaultImports": true,}
}

Day.js :一个只有2KB的处理时间和日期的 JavaScript 库__Day.js :一个只有2KB的处理时间和日期的 JavaScript 库

如果你没有上面的这些配置,默认的导入将不能工作,你将不得不继续使用

import * as dayjs from 'dayjs'

#本地语言环境和插件导入

要使用语言环境和插件,首先需要导入目标语言和插件。

import * as dayjs from 'dayjs'
import * as isLeapYear from 'dayjs/plugin/isLeapYear' // import plugin
import 'dayjs/locale/zh-cn' // import localedayjs.extend(isLeapYear) // use plugin
dayjs.locale('zh-cn') // use locale

3.使用

1.日期格式化

dayjs().format();                                     // 2020-09-08T13:42:32+08:00
dayjs().format('YYYY-MM-DD');                         // 2020-09-08
dayjs().format('YYYY-MM-DD HH:mm:ss');                // 2020-09-08 13:47:12
dayjs(1318781876406).format('YYYY-MM-DD HH:mm:ss');   // 2011-10-17 00:17:56

2.实现以下效果

代码如下:

import * as dayjs from "dayjs";
import * as isLeapYear from "dayjs/plugin/isLeapYear"; // import plugin
import "dayjs/locale/zh-cn"; // import locale
dayjs.extend(isLeapYear); // use plugin
dayjs.locale("zh-cn"); // use localeformatDate() {let week = dayjs().get("day"); // 星期let weekArr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六",];this.date = dayjs().format("YYYY-MM-DD") + ` ${weekArr[week]}`;this.time = dayjs().format("HH:mm:ss");},

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了