首页 > 其他分享 >TypeScript日期工具: date-fns日期工具的使用方法

TypeScript日期工具: date-fns日期工具的使用方法

时间:2022-10-29 17:25:02浏览次数:47  
标签:TypeScript console log format dd yyyy 日期 date 工具

1、引入

$ npm install --save date-fns

2、使用

import {
  isToday,
  isYesterday,
  isTomorrow,
  format,
  addYears,
  addMonths,
  addDays,
  addHours,
  addMinutes,
  addSeconds,
  addMilliseconds,
  addWeeks,
  subDays,
  differenceInDays,
  startOfDay,
  startOfMonth,
  endOfDay,
  getDate,
  getISOWeek,
  isEqual,
  weeksToDays,
  subWeeks,
  parse,
  parseISO,
  getDay,
} from "date-fns";
import { da } from "date-fns/locale";
let date = new Date("2022-01-03");
let date2 = new Date();
let date3 = new Date(2000, 11, 11);
/**
 *  对日期进行格式化
 *     支持的模式字母有:
 *     y:年,
 *     M:年中的月份(1-12),
 *     d:月份中的天(1-31),
 *     H:小时(0-23),
 *     h:小时(0-11),
 *     m:分(0-59),
 *     s:秒(0-59),
 *     q:季度(1-4)
 *     w:be年的第几周
 */
console.log(format(date, "yyyy-MM-dd HH:mm:ss q w"));
// 返回周几 周一返回的是1,周六是6,国外第一天是周日,所以0 是周日
const arr = [
  "星期日",
  "星期一",
  "星期二",
  "星期三",
  "星期四",
  "星期五",
  "星期六",
];
console.log(getDay(date2));
console.log(arr[getDay(date2)]);
// 判断传入日期是否为今天  isToday(date: number | Date): boolean
console.log(isToday(date));
console.log(isToday(67));
// 判断传入日期是否为昨天
console.log(isYesterday(date));
// 判断是否为明天
console.log(isTomorrow(date));
// 格式化日期函数
console.log(format(date, "HH:mm")); // 17:05
console.log(format(date, "yyyy-MM-dd HH:mm:ss")); //2019-01-03 17:26:33
console.log(format(date, "yyyy-MM-dd")); //2019-01-03
// 数字为1970-01-01 08:00:00的毫秒
console.log(format(60000, "yyyy-MM-dd HH:mm:ss")); //1970-01-01 08:01:00
// 获得第n天之后的日期;
console.log(format(addDays(date, 1), "yyyy-MM-dd HH:mm:ss"));
// 获得第n天之前的日期;
console.log(format(subDays(date, 1), "yyyy-MM-dd HH:mm:ss"));
// 相差的天数,前面是开始日期,后面是结束日期,后面日期大,返回负值
console.log(differenceInDays(new Date("2022-10-20"), new Date("2022-10-21")));
// 返回当天的零点 2022-10-28 00:00:00
console.log(format(startOfDay(date), "yyyy-MM-dd HH:mm:ss"));
// 返回当天的结束时间 2022-10-28 23:59:59
console.log(format(endOfDay(date), "yyyy-MM-dd HH:mm:ss"));
// 返回当月的零点 2022-10-28 00:00:00
console.log(format(startOfMonth(date), "yyyy-MM-dd HH:mm:ss"));
// 获取日期的的日
console.log(getDate(date));
// 返回传入时间所在月份的第几周.
console.log(getISOWeek(date));
// 判断传入的时间是否相等
console.log(isEqual(date, new Date("2022-10-29")));
// 获取n周前的日期
console.log(format(subWeeks(date, 1), "yyyy-MM-dd"));
// 转换为日期
console.log("================");

console.log(
  format(parse("2022-10-22", "yyyy-MM-dd", new Date()), "yyyy-MM-dd q")
);

标签:TypeScript,console,log,format,dd,yyyy,日期,date,工具
From: https://www.cnblogs.com/his365/p/16839148.html

相关文章

  • 配置pyqt5工具designer,pyuic, pyRCC
    前提:安装好pyQT5后打开pycharm-->file-->setting-->externaltools,-->点+号新建:name:QTdesignerGroup:ExternalToolsprogram:你的项目地址\venv\Lib\site-package......
  • [Typescript] 79. Medium - MapTypes
    Implement MapTypes<T,R> whichwilltransformtypesinobjectTtodifferenttypesdefinedbytypeRwhichhasthefollowingstructuretypeStringToNumber=......
  • [Typescript] 78. Medium - Unqiue
    ImplementthetypeversionofLodash.uniq,UniquetakesanArrayT,returnstheArrayTwithoutrepeatedvalues.typeRes=Unique<[1,1,2,2,3,3]>;//exp......
  • 【TypeScript】语法精讲
    TypeScript的编译环境#安装命令npminstalltypescript-g#查看版本tsc--versionTypeScript的运行环境#安装ts-nodenpminstallts-node-g#另外ts-node需要依赖tslib......
  • typeScript基础语法
    1.变量定义变量名:变量的类型(首字母小写)letdan:string='蛋'letnumArr:number[]=[4,2,0];2、核心定义任何东西的时候要注明类型调用任何东西的时候要检查类型3......
  • Mac 平台 MySQL连接工具 Sequel Pro 使用经验之谈
    刚刚转到Mac开发平台,还在恋恋不舍地使用着之前的最爱dbeaver,但是查询速度确实慢,看到同事都是使用sequelpro。大致查找学习网络教程,总结如下:据说这款工具是苹果公司为......
  • Mac 使用感受以及一些技巧、工具推荐
    写在前面,Mac使用感受,纯粹的个人偏见,看官大可直接跳到下面的工具推荐阅读。17年底,鄙人跳槽进入一家互联网金融公司,公司配备的笔记本是16年款MacBookPro,8G。对于之前只使......
  • .net core解决时间格式转换问题或日期取当前时间
    一、时间格式转换1.新建一个格式化类DatetimeJsonConverter,继承自JsonConverter,然后重写里面的方法publicclassDatetimeJsonConverter:JsonConverter<DateTime>......
  • [Typescript] 75. Easy - Push
    Implementthegenericversionof Array.pushForexample:typeResult=Push<[1,2],'3'>//[1,2,'3'] /*_____________YourCodeHere_____________*/t......
  • [Typescript] 77. Easy - Unshift
    Implementthetypeversionof Array.unshiftForexample:typeResult=Unshift<[1,2],0>//[0,1,2,] /*_____________YourCodeHere_____________*/t......