轻量实用的TS日期工具库dtejsnpmCDN双兼容新手也能快速上手文章目录轻量实用的TS日期工具库dtejsnpmCDN双兼容新手也能快速上手一、工具库核心亮点二、两种引入方式npmCDN按需选择方式1npm安装推荐模块化项目使用步骤1安装依赖步骤2使用示例TypeScript/JavaScript通用方式2CDN直接引入适合静态页面/非模块化项目步骤1引入CDN推荐jsdelivr同步快、兼容性好三、核心API说明简洁易懂按需使用四、注意事项避坑指南五、总结在前端开发中日期处理是高频需求无论是格式化日期、计算相对时间还是日期加减、比较手动编写代码不仅繁琐还容易出现兼容性问题。今天给大家推荐一款超轻量的TypeScript原生日期工具库——dtejs体积小巧、API简洁同时支持npm安装和CDN直接引入适配各种开发场景无需复杂配置就能快速上手。一、工具库核心亮点dtejs 作为一款专注于日期处理的工具库没有多余依赖基于TypeScript开发类型提示完善既能满足日常开发的所有日期需求又能保证代码的可维护性核心亮点如下超轻量无依赖打包后UMD格式仅2.4kb引入后不会增加项目体积负担无需担心冗余代码TypeScript原生支持全程TS开发自带完整类型声明使用时IDE自动提示API减少语法错误双场景兼容同时支持npm安装适配Vue、React、Node等模块化项目和CDN直接引入适配静态页面、老项目、小程序等非模块化场景功能全面且简洁涵盖日期格式化、相对时间计算、日期加减、日期比较、时间戳获取等常用功能API设计简洁上手成本极低多语言兼容支持中文、英文两种语言的相对时间展示满足不同项目的国际化需求。二、两种引入方式npmCDN按需选择dtejs 最实用的一点就是双引入方式无论是现代模块化项目还是传统静态页面都能轻松适配下面分别介绍具体操作步骤。方式1npm安装推荐模块化项目使用适合Vue、React、Node.js等支持npm包管理的项目安装后可按需引入API按需使用。步骤1安装依赖打开终端执行以下命令安装最新版本的dtejs支持npm/yarn/pnpm# npm安装npminstalldongxiang678/dtejslatest# yarn安装yarnadddongxiang678/dtejslatest# pnpm安装pnpmadddongxiang678/dtejslatest步骤2使用示例TypeScript/JavaScript通用安装完成后可按需引入核心API无需全局引入减少冗余// 1. 按需引入API推荐import{Dte,format,fromNow}fromdongxiang678/dtejs;// 2. 日期格式化支持多种模板console.log(format(newDate(),YYYY-MM-DD HH:mm:ss));// 输出2026-03-21 19:30:00console.log(format(newDate(),YYYY年MM月DD日));// 输出2026年03月21日// 3. 相对时间计算中文/英文可选console.log(fromNow(Date.now()-5*60*1000));// 输出5分钟前中文console.log(fromNow(Date.now()3*24*3600*1000,en-US));// 输出3 days later英文// 4. 日期加减支持天、小时、分钟等单位constnextDaynewDte().add(1,day).format(YYYY-MM-DD);// 明天日期constlastHournewDte().add(-1,hour).format(HH:mm:ss);// 1小时前// 5. 日期比较返回1大于-1小于0等于console.log(Dte.compare(2026-03-21,2026-03-20));// 输出1// 6. 时间戳获取秒级/毫秒级可选console.log(newDte().timestamp(s));// 秒级时间戳console.log(newDte().timestamp());// 毫秒级时间戳默认方式2CDN直接引入适合静态页面/非模块化项目适合传统静态HTML页面、小程序、老项目等不支持npm包管理的场景无需安装依赖直接通过script标签引入即可使用全局变量为dtejs。步骤1引入CDN推荐jsdelivr同步快、兼容性好在HTML文件中引入CDN链接推荐使用指定版本避免版本更新导致兼容问题!DOCTYPEhtmlhtmllangzh-CNheadmeta charsetUTF-8gt;lt;titlegt;dtejs CDN使用示例lt;/titlegt;!-- 引入dtejs CDN指定1.0.3版本可替换为最新版本 --scripttypetext/javascriptsrchttps://cdn.jsdelivr.net/npm/dongxiang678/dtejs1.0.3/dist/dtejs.umd.js/script/headbodyscript// 直接通过全局变量dtejs调用API无需引入console.log(格式化日期,dtejs.format(newDate(),YYYY-MM-DD));console.log(5分钟前,dtejs.fromNow(Date.now()-5*60*1000));console.log(明天日期,newdtejs.Dte().add(1,day).format(YYYY-MM-DD));/script/body/html也可使用unpkg CDN备用scripttypetext/javascriptsrchttps://unpkg.com/dongxiang678/dtejs1.0.3/dist/dtejs.umd.js/script三、核心API说明简洁易懂按需使用dtejs 的API设计非常简洁无需复杂配置核心API如下轻松覆盖日常日期处理需求API名称用法说明示例format日期格式化支持多种模板YYYY/MM/DD/HH/mm/ss等format(new Date(), ‘YYYY-MM-DD’)fromNow计算相对时间支持中文默认、英文fromNow(Date.now() - 3600000, ‘en-US’)Dte.add日期加减支持day/hour/minute/second等单位new Dte().add(7, ‘day’)7天后Dte.compare日期比较返回1大于、-1小于、0等于Dte.compare(‘2026-03-21’, ‘2026-03-20’)Dte.timestamp获取时间戳默认毫秒级传’s’获取秒级new Dte().timestamp(‘s’)四、注意事项避坑指南CDN引入时建议指定具体版本如1.0.3避免版本更新导致API变更npm安装后若使用TypeScript无需额外配置自带类型声明可直接使用日期模板区分大小写YYYY4位年份、MM2位月份、DD2位日期不可写错相对时间计算时英文参数为’en-US’中文无需传参默认中文。五、总结dtejs 作为一款轻量、简洁、实用的日期工具库完美解决了日常开发中的日期处理痛点。无论是模块化项目的npm安装还是静态页面的CDN引入都能轻松适配TypeScript类型提示让开发更高效无需编写繁琐的日期处理代码大大提升开发效率。如果你的项目中需要处理日期格式化、相对时间、日期加减等需求不妨试试dtejs体积小、无依赖、上手快绝对是前端开发的好帮手。项目地址https://github.com/dxiangwiki/dtejsnpm地址https://www.npmjs.com/package/dongxiang678/dtejs
轻量实用的TS日期工具库dtejs，npm+CDN双兼容，新手也能快速上手
发布时间：2026/5/20 0:35:32
轻量实用的TS日期工具库dtejsnpmCDN双兼容新手也能快速上手文章目录轻量实用的TS日期工具库dtejsnpmCDN双兼容新手也能快速上手一、工具库核心亮点二、两种引入方式npmCDN按需选择方式1npm安装推荐模块化项目使用步骤1安装依赖步骤2使用示例TypeScript/JavaScript通用方式2CDN直接引入适合静态页面/非模块化项目步骤1引入CDN推荐jsdelivr同步快、兼容性好三、核心API说明简洁易懂按需使用四、注意事项避坑指南五、总结在前端开发中日期处理是高频需求无论是格式化日期、计算相对时间还是日期加减、比较手动编写代码不仅繁琐还容易出现兼容性问题。今天给大家推荐一款超轻量的TypeScript原生日期工具库——dtejs体积小巧、API简洁同时支持npm安装和CDN直接引入适配各种开发场景无需复杂配置就能快速上手。一、工具库核心亮点dtejs 作为一款专注于日期处理的工具库没有多余依赖基于TypeScript开发类型提示完善既能满足日常开发的所有日期需求又能保证代码的可维护性核心亮点如下超轻量无依赖打包后UMD格式仅2.4kb引入后不会增加项目体积负担无需担心冗余代码TypeScript原生支持全程TS开发自带完整类型声明使用时IDE自动提示API减少语法错误双场景兼容同时支持npm安装适配Vue、React、Node等模块化项目和CDN直接引入适配静态页面、老项目、小程序等非模块化场景功能全面且简洁涵盖日期格式化、相对时间计算、日期加减、日期比较、时间戳获取等常用功能API设计简洁上手成本极低多语言兼容支持中文、英文两种语言的相对时间展示满足不同项目的国际化需求。二、两种引入方式npmCDN按需选择dtejs 最实用的一点就是双引入方式无论是现代模块化项目还是传统静态页面都能轻松适配下面分别介绍具体操作步骤。方式1npm安装推荐模块化项目使用适合Vue、React、Node.js等支持npm包管理的项目安装后可按需引入API按需使用。步骤1安装依赖打开终端执行以下命令安装最新版本的dtejs支持npm/yarn/pnpm# npm安装npminstalldongxiang678/dtejslatest# yarn安装yarnadddongxiang678/dtejslatest# pnpm安装pnpmadddongxiang678/dtejslatest步骤2使用示例TypeScript/JavaScript通用安装完成后可按需引入核心API无需全局引入减少冗余// 1. 按需引入API推荐import{Dte,format,fromNow}fromdongxiang678/dtejs;// 2. 日期格式化支持多种模板console.log(format(newDate(),YYYY-MM-DD HH:mm:ss));// 输出2026-03-21 19:30:00console.log(format(newDate(),YYYY年MM月DD日));// 输出2026年03月21日// 3. 相对时间计算中文/英文可选console.log(fromNow(Date.now()-5*60*1000));// 输出5分钟前中文console.log(fromNow(Date.now()3*24*3600*1000,en-US));// 输出3 days later英文// 4. 日期加减支持天、小时、分钟等单位constnextDaynewDte().add(1,day).format(YYYY-MM-DD);// 明天日期constlastHournewDte().add(-1,hour).format(HH:mm:ss);// 1小时前// 5. 日期比较返回1大于-1小于0等于console.log(Dte.compare(2026-03-21,2026-03-20));// 输出1// 6. 时间戳获取秒级/毫秒级可选console.log(newDte().timestamp(s));// 秒级时间戳console.log(newDte().timestamp());// 毫秒级时间戳默认方式2CDN直接引入适合静态页面/非模块化项目适合传统静态HTML页面、小程序、老项目等不支持npm包管理的场景无需安装依赖直接通过script标签引入即可使用全局变量为dtejs。步骤1引入CDN推荐jsdelivr同步快、兼容性好在HTML文件中引入CDN链接推荐使用指定版本避免版本更新导致兼容问题!DOCTYPEhtmlhtmllangzh-CNheadmeta charsetUTF-8gt;lt;titlegt;dtejs CDN使用示例lt;/titlegt;!-- 引入dtejs CDN指定1.0.3版本可替换为最新版本 --scripttypetext/javascriptsrchttps://cdn.jsdelivr.net/npm/dongxiang678/dtejs1.0.3/dist/dtejs.umd.js/script/headbodyscript// 直接通过全局变量dtejs调用API无需引入console.log(格式化日期,dtejs.format(newDate(),YYYY-MM-DD));console.log(5分钟前,dtejs.fromNow(Date.now()-5*60*1000));console.log(明天日期,newdtejs.Dte().add(1,day).format(YYYY-MM-DD));/script/body/html也可使用unpkg CDN备用scripttypetext/javascriptsrchttps://unpkg.com/dongxiang678/dtejs1.0.3/dist/dtejs.umd.js/script三、核心API说明简洁易懂按需使用dtejs 的API设计非常简洁无需复杂配置核心API如下轻松覆盖日常日期处理需求API名称用法说明示例format日期格式化支持多种模板YYYY/MM/DD/HH/mm/ss等format(new Date(), ‘YYYY-MM-DD’)fromNow计算相对时间支持中文默认、英文fromNow(Date.now() - 3600000, ‘en-US’)Dte.add日期加减支持day/hour/minute/second等单位new Dte().add(7, ‘day’)7天后Dte.compare日期比较返回1大于、-1小于、0等于Dte.compare(‘2026-03-21’, ‘2026-03-20’)Dte.timestamp获取时间戳默认毫秒级传’s’获取秒级new Dte().timestamp(‘s’)四、注意事项避坑指南CDN引入时建议指定具体版本如1.0.3避免版本更新导致API变更npm安装后若使用TypeScript无需额外配置自带类型声明可直接使用日期模板区分大小写YYYY4位年份、MM2位月份、DD2位日期不可写错相对时间计算时英文参数为’en-US’中文无需传参默认中文。五、总结dtejs 作为一款轻量、简洁、实用的日期工具库完美解决了日常开发中的日期处理痛点。无论是模块化项目的npm安装还是静态页面的CDN引入都能轻松适配TypeScript类型提示让开发更高效无需编写繁琐的日期处理代码大大提升开发效率。如果你的项目中需要处理日期格式化、相对时间、日期加减等需求不妨试试dtejs体积小、无依赖、上手快绝对是前端开发的好帮手。项目地址https://github.com/dxiangwiki/dtejsnpm地址https://www.npmjs.com/package/dongxiang678/dtejs
