DayJS的使用教程

于 2024-08-28 15:21:34 发布
阅读量716 收藏 22
点赞数 29
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42241714/article/details/141641059
版权

  1. 安装

      
    npm install dayjs import dayjs from "dayjs";

  2. 获取当前日期

    dayjs().format(); //2024-01-16T09:04:27+08:00

  3. 获取年、月、日、时、分、秒、毫秒

    dayjs().year();     // 2024
dayjs().momth();    // 1
dayjs().();     // 16
dayjs().hour();     // 9
dayjs().minute();   // 12
dayjs().second();   // 35
dayjs().millisecond();   // 410

  4. 获取周、星期、季度

    dayjs().week();              // 3  今年第3周
dayjs().day();               // 2   星期2
dayjs().isoWeeksInYear();   // 52  今年周数

//week 依赖插件weekOfYear
var weekOfYear = require('dayjs/plugin/weekOfYear')
dayjs.extend(weekOfYear)

//isoWeeksInYear依赖插件isoWeeksInYear
var isoWeeksInYear = require('dayjs/plugin/isoWeeksInYear')
var isLeapYear = require('dayjs/plugin/isLeapYear') // dependent on isLeapYear plugin
dayjs.extend(isoWeeksInYear)
dayjs.extend(isLeapYear)

  5. 格式化

    格式

    输出

    说明

    格式

    输出

    说明

    YY

    18

    年，两位数

    hh

    01-12

    小时, 12 小时制, 两位数

    YYYY

    2018

    年，四位数

    m

    0-59

    分钟

    M

    1-12

    月，从1开始

    mm

    00-59

    分钟，两位数

    MM

    01-12

    月，两位数

    s

    0-59

    秒

    MMM

    Jan-Dec

    月，英文缩写

    ss

    00-59

    秒，两位数

    MMMM

    January-December

    月，英文全称

    S

    0-9

    毫秒（十），一位数

    D

    1-31

    日

    SS

    00-99

    毫秒（百），两位数

    DD

    01-31

    日，两位数

    SSS

    000-999

    毫秒，三位数

    d

    0-6

    一周中的一天，星期天是 0

    Z

    -05:00

    UTC 的偏移量，±HH:mm

    dd

    Su-Sa

    最简写的星期几

    ZZ

    -0500

    UTC 的偏移量，±HHmm

    ddd

    Sun-Sat

    简写的星期几

    A

    AM / PM

    上/下午，大写

    dddd

    Sunday-Saturday

    星期几，英文全称

    a

    am / pm

    上/下午，小写

    H

    0-23

    小时

    Do

    1st... 31st

    月份的日期与序号

    HH

    00-23

    小时，两位数

    ...

    ...

    其他格式 ( 依赖 AdvancedFormat 插件 )

    h

    1-12

    小时, 12 小时制

    1. 格式化年月日： YYYY年MM月DD日

      dayjs().format('YYYY年MM月DD日')       //22024年01月16日

    2. 格式化年月日： YYY-MM-DD

      dayjs().format('YYYY-MM-DD');        //2024-01-16

    3. 格式化时分秒：HH时mm分ss秒

      dayjs().format('HH时mm分ss秒');         //09时59分33秒

    4. 格式化时分秒： HH:mm:ss

      dayjs().format('HH:mm:ss');           //10:00:01
dayjs().format('HH:mm:ss a');         //10:00:01 am

  6. 查询

    1.   获取过去的时间
      dayjs().subtract(1, 'year').format('YYYY-MM-DD');             //2023-01-16
dayjs().subtract(1, 'months').format('YYYY-MM-DD');           //2023-12-16
dayjs().subtract(1, 'days').format('YYYY-MM-DD');             //2024-01-15 
dayjs().subtract(1, 'hours').format('HH:mm:ss');              //09:48:39  
dayjs().subtract(1, 'minute').format('HH:mm:ss');             //10:47:39
dayjs().subtract(1, 'seconds').format('HH:mm:ss');            //10:48:38

dayjs('2023-12-12').subtract(1, 'year').format('YYYY-MM-DD');             //2022-12-12 
dayjs('2023-12-12').subtract(1, 'months').format('YYYY-MM-DD');           //2023-11-12
dayjs('2023-12-12').subtract(1, 'days').format('YYYY-MM-DD');             //2023-12-11
dayjs('2023-12-12').subtract(1, 'hours').format('YYY-MM-DD HH:mm:ss');    //2023-12-11 23:00:00 
dayjs('2023-12-12').subtract(1, 'minute').format('YYY-MM-DD HH:mm:ss');   //2023-12-11 23:59:00
dayjs('2023-12-12').subtract(1, 'seconds').format('HH:mm:ss');            //23:59:59
    2.   获取将来的时间dayjs().add()，用法同dayjs().subtract()
      dayjs('2023-12-12').add(1, 'year').format('YYYY-MM-DD');             //2024-12-12 
dayjs('2023-12-12').add(1, 'months').format('YYYY-MM-DD');           //2024-01-12
dayjs('2023-12-12').add(1, 'days').format('YYYY-MM-DD');             //2023-12-13
dayjs('2023-12-12').add(1, 'hours').format('YYY-MM-DD HH:mm:ss');    //2023-12-12 01:00:00
dayjs('2023-12-12').add(1, 'minute').format('YYY-MM-DD HH:mm:ss');   //2023-12-12 00:01:00
dayjs('2023-12-12').add(1, 'seconds').format('HH:mm:ss');            //00:00:01

    3.   判断日期时间
      1. 是否之前
        //这表示 Day.js 对象是否在另一个提供的日期时间之前
dayjs().isBefore(dayjs('2023-12-12'))  // 默认毫秒
//如果想使用除了毫秒以外的单位进行比较，则将单位作为第二个参数传入。
dayjs().isBefore('2011-01-01', 'year')

//各个传入的单位对大小写不敏感，支持缩写和复数
      2. 是否相同
        //这表示 Day.js 对象是否和另一个提供的日期时间相同。
dayjs().isSame(dayjs('2011-01-01')) // 默认毫秒

//如果想使用除了毫秒以外的单位进行比较，则将单位作为第二个参数传入。
//当使用第二个参数时，将会连同去比较更大的单位。 如传入 month 将会比较 month 和 year。 
//传入 day 将会比较 day、 month和 year。
dayjs().isSame('2011-01-01', 'year')

//注意：isSame() 方法不传参数或参数为 undefined 都默认返回true
      3. 是否之后
        //这表示 Day.js 对象是否在另一个提供的日期时间之后
dayjs().isAfter(dayjs('2011-01-01')) // 默认毫秒
// 其他写法
dayjs('2011-01-02').isAfter('2011-01-01') // true
dayjs('2011-01-02', 'YYYY-MM-DD').isAfter('2011-01-01') // true
dayjs(dayjs('2011-01-02')).isAfter(dayjs('2011-01-01')) // true
dayjs(dayjs('2011-01-02', 'YYYY-MM-DD')).isAfter(dayjs('2011-01-01', 'YYYY-MM-DD')) // true
dayjs(new Date('2011-01-02')).isAfter(new Date('2011-01-01')) // true

//如果想使用除了毫秒以外的单位进行比较，则将单位作为第二个参数传入。
dayjs().isAfter('2011-01-01', 'year')
      4. 其他
        //是否相同或之前
isSameOrBefore
//否相同或之后
//isSameOrAfter
//是否两者之间
isBetween
//是否dayjs
isDayjs
//是否闰年
isLeapYear

详情见文档：
https://dayjs.fenxianglu.cn/category/query.html#%E6%98%AF%E5%90%A6%E6%98%AFday-js

  7. 常用场景

    //上周
dayjs().subtract(1, 'week').format('YYYY-MM-DD HH:mm:ss');  //2024-01-09 11:41:23

// 获取上周的开始日期和结束日期
const lastWeekStart = dayjs().subtract(1, 'week').startOf('week').format('YYYY-MM-DD');
const lastWeekEnd = dayjs().subtract(1, 'week').endOf('week').format('YYYY-MM-DD');

//上个季度
//安装季度插件
let quarterOfYear = require('dayjs/plugin/quarterOfYear')//day.js季度插件
dayjs.extend(quarterOfYear)
// 获取上周的开始日期和结束日期
const start = dayjs().add(-1, 'quarter').startOf('quarter').format('YYYY-MM-DD');
const end = dayjs().add(-1, 'quarter').endOf('quarter').format('YYYY-MM-DD');
//上个月第一天
const start = dayjs().add(-1, 'month').startOf('month').format('YYYY-MM-DD');
//上个月最后一天
const end = dayjs().add(-1, 'month').endOf('month').format('YYYY-MM-DD');
//昨天
const start = dayjs().add(-1, 'day').startOf('day').format('YYYY-MM-DD');
//上个月前五天
const start = dayjs().add(-1, 'month').startOf('month').format('YYYY-MM-DD');
const end = dayjs().add(-1, 'month').startOf('month').add(4, 'day').format('YYYY-MM-DD');
//上个月后五天
const start = dayjs().add(-1, 'month').endOf('month').format('YYYY-MM-DD');
const end = dayjs().add(-1, 'month').endOf('month').add(-4, 'day').format('YYYY-MM-DD');
//前一周
const start = dayjs().add(-1, 'week').format('YYYY-MM-DD');
//前30天
const start = dayjs().add(-1, 'month').format('YYYY-MM-DD');
//前90天
const start = dayjs().add(-3，'month').format('YYYY-MM-DD');

柒拾K
关注
layui 依赖第三方js dayjs
09-22
修改过后的dayjs ，可直接用在layui 的模块化上，一个用在layui框架上的日期格式化控件兼容IE，因为他自带的那个 不兼容IE。
Day.js 常用方法
halo1416的博客
04-21 5万+
前言 Day.js 是代替修改本地Date.prototype，Day.js对Date对象进行了封装，只需要调用Dayjs()即可。 相对moment.js而已，day.js的体积更小，只有2KB左右；moment.min.js 有16.7KB。 对应普通项目来说，对应时间的操作就只有那么几个（格式化、查询、计算），这些基于Day.js完全足够。并且Day.js的文档相对简单、清晰！ 该文章对比之前的moment.js的文章 Day.js官方文档   当前文章很多实例是以当前时间来处理的， 当前时间
dayjs 判断是星期几及用法
m0_65730686的博客
08-22 2373
dayjs 判断是星期几及用法
【JavaScript】详解Day.js：轻量级日期处理库的全面指南
最新发布
lph159的博客
07-27 1949
Day.js是一个轻量级的JavaScript日期库，兼具现代API和优秀的性能。它的API设计灵感来自于Moment.js，但相比之下，Day.js的体积更小，仅为2KB左右（压缩后和无依赖），非常适合在前端项目中使用。
dayjs
code_dream_wq的博客
11-18 5222
【代码】dayjs。
Day.js 基本使用
訾博（ZiBo）的博客
09-22 1296
JavaScript提供了多种方式来获取对象的属性。这些方法可以根据不同的需求和情况来选择使用。
时间日期库dayjs 快速高效的处理时间日期的js库（轻量级，拿来就能用）
weixin_42354407的博客
06-03 665
NPM npm install dayjs --save import dayjs from 'dayjs' // 或者 CommonJS // var dayjs = require('dayjs'); dayjs().format(); CDN <!--压缩版dayjs--> <script src="https://unpkg.com/dayjs"></script> <script> dayjs().format(); </script&
ngx-dayjs:Angular的dayjs管道
05-19
ngx-dayjs Angular的dayjs管道 安装 npm install --save ngx-dayjs 对于System.js用户： 首先，您需要安装dayjs： npm install dayjs --save 不要忘记更新您的systemjs.config.js： packages: { app: { ...
dayjs.js 源代码
05-24
Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。Day.js是一个极简的JavaScript库，可以...
dayjs-plugins:一组用于dayjs的实用程序和格式设置插件
04-30
使用npm（或毛线） $ npm install --save @mailbutler/dayjs-plugins $ # Or $ yarn add @mailbutler/dayjs-plugins 带有CDN Dayjs必须作为全局对象可用，因此您也需要从CDN导入它，我们这里以unpkg为例。 < ...
dayjs.min.js
04-16
Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库
获取当前日期，或指定日期的农历js代码
weixin_30530939的博客
03-27 275
时间不早了，直接上代码啦～～ var CalendarData=new Array(100);var madd=new Array(12);var tgString="甲乙丙丁戊己庚辛壬癸";var dzString="子丑寅卯辰巳午未申酉戌亥";var numString="一二三四五六七八九十";var monString="正二三四五六七八九十冬腊";var weekString="日一二...
JS取得当前日期的农历
java的涟漪
12-23 2424
在工作中总结了一下日期转农历的方法，正确的算法及用法如下，希望对大家有帮助！/** * Description:取得日期的农历的对象 * 使用方法如下（取得当前日期的农历）： * var now=new Date(); * var solarday = NLDate.solarday(now); 调用此对象中的solarday方法将当前日期传入即可 * Aut
日期时间工具（dayjs）的使用
热门推荐
一只倔强的蜗牛的博客
05-27 6万+
简介 Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js 安装 npm install dayjs --save import dayjs from 'dayjs' // 或者 CommonJS // var dayjs = require('d...
日期转农历日期的一个插件
m0_37964179的博客
07-06 2432
日期转农历日期的一个插件 项目有个需求，需要展示今天的农历日期 找了好久找到一个可用的js插件 solarlunar 使用方法： cnpm install solarlunar --save 在需要的文件中引入： import { solar2lunar } from 'solarlunar'; import dayjs from 'dayjs'; // 或者可以使用moment.js const now = dayjs(); const { monthCn, dayCn } = solar2l
day.js轻量级日期处理工具
my__flower的博客
03-08 1361
day.js是对Date对象进行封装的一个日期处理工具，和moment.js相比，day.js的体积较小，2KB左右；在项目中，对于日期时间的简单处理，使用。isAfter、isBefore、isSame、IsBetween 默认都是通过将日期转为。element-plus 组件库默认支持 dayjs 进行日期时间处理。日期的相同与否、前后判断，返回布尔值。num设置0-6（星期天-星期六）时间戳/指定日期转换年月日时分秒。获取某年某月的第一天或最后一天。type: 类型，可为 "导入本地化语言和插件。
uni-app中dayjs将当前日期转化成“星期几“
Stitch_xiao的博客
01-22 7433
1.npm安装: npm install dayjs --save 2.在用到的地方引入： import dayjs from 'dayjs' 3.因为当前的日期没有星期几，所以写一个switch case语句转换一下： onReady() { //获取当前时间 this.dayMark = dayjs().day() //，因为获取到的日期是0-6的数字，所以需要转换一下 switch(this.dayMark){ case 1: this.dayMark="
dayjs 常用方法
似水流年QC的博客
06-29 1万+
前言：工作中的经常对时间进行操作处理 ，例如倒计时，距离当前过去了多久等场景，采用原生的时间函数非常不便，本文推荐轻量级的时间处理库 dayjs 进行演示。一、安装 npm install dayjs save二、引入 import dayjs from 'dayjs' 三、时间获取 // 获取时间戳 dayjs().valueOf() // 1635765368744 // 获取指定时间时间戳 dayjs('2021/10/1 10:10:30
微信小程序 dayjs
07-25
Day.js是一个轻量级的JavaScript日期库，用于解析、验证、操作和显示日期和时间。它提供了类似于Moment.js的API，但体积更小。Day.js可以在微信小程序中使用，可以通过在js文件中引入Day.js库来使用它。 在微信小程序中使用Day.js的具体步骤如下： 1. 在当前项目的miniprogram文件夹下打开命令行窗口运行以下命令安装Day.js库： ``` npm install dayjs --save ``` 2. 在需要使用Day.js的页面或组件的js文件中引入Day.js库： ``` const dayjs = require("dayjs"); ``` 3. 然后就可以在页面中使用Day.js的各种功能了，比如获取当前日期时间、格式化日期时间等。例如： ``` const today = dayjs().format('YYYY-MM-DD HH:mm:ss'); ``` 需要注意的是，在使用Day.js之前，需要先在微信小程序开发工具中进行npm构建，以将Day.js库引入到小程序中。具体的构建步骤可以参考微信小程序开发工具的官方文档或相关教程。 参考链接： - \[Day.js官方文档\](https://day.js.org/) - \[Day.js在微信小程序中的使用教程\](https://www.cnblogs.com/chenwolong/p/15594635.html) - \[Day.js在微信小程序中的使用示例\](https://blog.csdn.net/weixin_43862596/article/details/121247282) #### 引用[.reference_title] - *1* *3* [微信小程序使用dayjs](https://blog.csdn.net/immocha/article/details/105290786)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序引入dayjs依赖的全过程](https://blog.csdn.net/legender5431/article/details/128974969)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值