快捷導(dǎo)航

dateformat.js超輕量級(jí)的JS日期處理庫(kù)的使用

更新時(shí)間：2023年12月24日 09:33:52 作者：凡客丶

dateformat.js 是一個(gè)非常簡(jiǎn)潔、輕量級(jí)、不到 5kb 的很簡(jiǎn)潔的 Javascript 庫(kù),本文主要介紹了dateformat.js超輕量級(jí)的JS日期處理庫(kù)的使用,感興趣的可以了解一下

介紹

dateformat.js

dateformat.js 是一個(gè)非常簡(jiǎn)潔、輕量級(jí)、不到 5kb 的很簡(jiǎn)潔的 Javascript 庫(kù)，它是一個(gè)時(shí)間的處理工具類。

支持常用的時(shí)間格式化
得到當(dāng)前星期，時(shí)間對(duì)比大小，是否為閏年
增加日期，增加月份，增加年份等等
支持自動(dòng)實(shí)時(shí)更新；
支持瀏覽器script方式；
測(cè)試用例完善，執(zhí)行良好；

1 使用方法

1.1 引入 dateformat.js

通過 script 標(biāo)簽引入到html文件中，會(huì)生成一個(gè)全局變量 DateFormat

<script src="dateformat.js"></script>

當(dāng)然你還可以在通過 import 引入

import dateformat form '...自己的路徑';

最后該項(xiàng)目也上傳到npm上，你可以通過

//安裝
npm install dateformat-util

//使用
var dateformat = require('dateformat-util');
dateformat.format(new Date());

1.2 使用 dateformat 類

直接調(diào)用方法即可

DateFormat.format(new Date(), 'yyyy-MM-dd hh:mm:ss');

2 具體方法

2.1 format(date, fmt)

format 是將 Date類型的時(shí)間進(jìn)行格式化的工具方法：

DateFormat.format(new Date()) //不傳 fmt，則默認(rèn)為 yyyy-MM-dd hh:mm:ss ;
DateFormat.format(new Date(), 'yyyy-MM-dd hh:mm:ss');
DateFormat.format(new Date(), 'yyyy/MM/dd hh:mm:ss');
DateFormat.format(new Date(), 'yyyy/MM/dd');
...

2.2 formatToDate(dateStr)

formatToDate 是將字符串類型的時(shí)間轉(zhuǎn)化成 Date 類型的工具方法：

DateFormat.formatToDate('2017-04-18 12:12:12');
DateFormat.formatToDate('2017/04/18 12:12:12');
...

2.3 getDateStart(date)

getDateStart 是得到一天的開始，工作中會(huì)碰到這種需要得到某一天的開始或結(jié)束的時(shí)間點(diǎn)。

DateFormat.getDateStart(new Date());  //今天是4.18, 那返回的是今天 00:00:00的Date類型

如果想返回字符串類型，可以使用 getDateStartStr(date, fmt) 方法，fmt非必傳

DateFormat.getDateStartStr(new Date(), 'yyyy-MM-dd hh:mm:ss'); //返回 2017-04-18 00:00:00

2.4 getDateEnd(date)

getDateEnd 是得到一天的結(jié)束

DateFormat.getDateEnd(new Date());  //今天是4.18, 那返回的是今天 23:59:59的Date類型

如果想返回字符串類型，可以使用 getDateEndStr(date, fmt) 方法，fmt非必傳

DateFormat.getDateEndStr(new Date(), 'yyyy-MM-dd hh:mm:ss'); //返回 2017-04-18 23:59:59

2.5 compareDate(d1, d2)

compareDate 比較兩個(gè)日期的大小返回 1 , 則 d1 > d2 返回 0 , 則 d1 == d2 返回 -1, 則 d1 < d2

DateFormat.compareDate(new Date(), new Date());

2.6 getWeek(date, type)

getWeek 得到一個(gè)日期是星期幾

DateFormat.getWeek(new Date());  //type非必傳，默認(rèn)返回 '星期 X'的格式
DateFormat.getWeek(new Date(), DateFormat.WEEKTYPE.US_DAYNAME); // Monday


/*
type 枚舉如下：

DateFormat.WEEKTYPE.ZH_DAYNAME :      星期一
DateFormat.WEEKTYPE.ZH_SHORTDAYNAME:  周一
DateFormat.WEEKTYPE.US_DAYNAME：      Monday
DateFormat.WEEKTYPE.US_SDAYNAME：     Mon
*/

2.7 addDay(date, num)

增加系列：

addDay(date, num) 
addDayStr(dateStr, num) 
addMonth(date, num)
addMonthStr(dateStr, num)
addYear(date, num)
addYearStr(dateStr, num)

使用起來(lái)很簡(jiǎn)單，今天是 2017.04.18

DateFormat.addDay(new Date(), 3);   //返回是三天后的  Date類型
DateFormat.addDayStr('2017-04-18 12:12:12', 3) // 返回 Fri Apr 21 2017 12:12:12 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)

// 其他 month year的方式同上

到此這篇關(guān)于dateformat.js超輕量級(jí)的JS日期處理庫(kù)的使用的文章就介紹到這了,更多相關(guān)dateformat.js日期處理庫(kù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: