day.js轻量级处理时间和日期JavaScript库

当前位置:主页 > jQuery库 > 工具类 > day.js轻量级处理时间和日期JavaScript库
day.js轻量级处理时间和日期JavaScript库
分享:

    插件介绍

    Day.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样. 如果您曾经用过Moment.js, 那么您已经知道如何使用Day.js。

    浏览器兼容性

    浏览器兼容性
    时间:2019-03-08
    阅读:
简要教程

Day.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样. 如果您曾经用过Moment.js, 那么您已经知道如何使用Day.js。

Day.js的特点有:

  • 和 Moment.js 相同的 API 和用法
  • 不可变数据 (Immutable)
  • 支持链式操作 (Chainable)
  • 国际化 I18n
  • 仅 2kb 大小的微型库
  • 全浏览器兼容

安装

// npm
npm install dayjs --save  

import dayjs from 'dayjs'
// 或者 CommonJS
// var dayjs = require('dayjs');
dayjs().format()         

// CDN 方法
<!-- 最新的压缩后的 JavaScript 文件 -->
<script src="https://unpkg.com/dayjs"></script>
<script>
  dayjs().format()
</script>       
                

使用方法

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
                

插件列表

Day.js插件的github网址为:https://github.com/iamkun/dayjs