查看
使用
moment VS dayjs
下载
使用模板已被用0次
100%
moment VS dayjs
差异化 get
moment('2019-03-31 09:00:00').get('hour') // moment('2019-03-31 09:00:00').get('H')
dayjs('2019-03-31 09:00:00').get('hour') // dayjs('2019-03-31 09:00:00').hour()
Is a Date
moment.isDate(new Date());
dayjs.isDate(new Date()); // dayjs(new Date()).isValid();
通过引入插件解决的方法
Weeks in Year
moment().isoWeeksInYear();
import isoWeeksInYear from 'dayjs/plugin/isoWeeksInYear';dayjs.extend(isoWeeksInYear);
dayjs().isoWeeksInYear();
dayjs().isoWeeksInYear();
Maximum/Minimum of the given dates
moment.max(array.map(a => moment(a)));
moment.min(array.map(a => moment(a)));
moment.min(array.map(a => moment(a)));
import minMax from 'dayjs/plugin/minMax';dayjs.extend(minMax);
dayjs.max(array.map(a => dayjs(a)));
dayjs.min(array.map(a => dayjs(a)));
dayjs.max(array.map(a => dayjs(a)));
dayjs.min(array.map(a => dayjs(a)));
Week of Year
moment().week(24);
import weekOfYear from 'dayjs/plugin/weekOfYear';dayjs.extend(weekOfYear);
dayjs().week(24);
dayjs().week(24);
Day of Year
moment().dayOfYear();
moment().dayOfYear(256);
moment().dayOfYear(256);
import dayOfYear from 'dayjs/plugin/dayOfYear';dayjs.extend(dayOfYear); dayjs().dayOfYear();
dayjs().dayOfYear(256);
dayjs().dayOfYear(256);
String + Format + locale
moment('2012 mars', 'YYYY MMM', 'fr');
import customParseFormat from 'dayjs/plugin/customParseFormat'; import 'dayjs/locale/fr'; dayjs.extend(customParseFormat);
dayjs('2012 mars', 'YYYY MMM', 'fr');
dayjs('2012 mars', 'YYYY MMM', 'fr');
String + Time Format
moment('2010-10-20 4:30', 'YYYY-MM-DD HH:mm');
import customParseFormat from 'dayjs/plugin/customParseFormat'; dayjs.extend(customParseFormat);
dayjs('2010-10-20 4:30', 'YYYY-MM-DD HH:mm');
dayjs('2010-10-20 4:30', 'YYYY-MM-DD HH:mm');
duration
moment.duration(100)
import duration from 'dayjs/plugin/duration'; dayjs.extend(duration)
dayjs.duration(100)
dayjs.duration(100)
Is Between
moment('2010-10-20').isBetween('2010-10-19', '2010-10-25')
import isBetween from 'dayjs/plugin/isBetween'; dayjs.extend(isBetween);
dayjs('2010-10-20').isBetween('2010-10-19', '2010-10-25');
dayjs('2010-10-20').isBetween('2010-10-19', '2010-10-25');
Time from now
moment(1536484369695).fromNow();
import relativeTime from ; dayjs.extend(relativeTime);
dayjs(1536484369695).fromNow();
dayjs(1536484369695).fromNow();
Time from x
moment([2007, 0, 27]).to(moment([2007, 0, 29]));
import relativeTime from 'dayjs/plugin/relativeTime';dayjs.extend(relativeTime);
dayjs('2007-01-27').to(dayjs('2007-01-29'));
dayjs('2007-01-27').to(dayjs('2007-01-29'));
Is Leap Year
moment([2000]).isLeapYear();
import isLeapYear from 'dayjs/plugin/isLeapYear';dayjs.extend(isLeapYear);
dayjs('2000-01-01').isLeapYear();
dayjs('2000-01-01').isLeapYear();
calendar
moment('2019-03-31 09:00:00').calendar(moment().add(1, 'd'))
import calendar from 'dayjs/plugin/calendar'; dayjs.extend(calendar)
dayjs('2019-03-31 09:00:00').calendar(dayjs().add(1, 'd'))
dayjs('2019-03-31 09:00:00').calendar(dayjs().add(1, 'd'))
相同的方法
Is After
moment('2010-10-20').isAfter('2010-10-19');
dayjs('2010-10-20').isAfter('2010-10-19');
Format
moment().format('dddd, MMMM Do YYYY, h:mm:ss A');
moment().format('ddd, hA');
moment().format('ddd, hA');
dayjs().format('dddd, MMMM D YYYY, h:mm:ss A');
dayjs().format('ddd, hA');
dayjs().format('ddd, hA');
Start/End of Time
moment().startOf('month');
moment().endOf('day');
moment().endOf('day');
dayjs().startOf('month');
dayjs().endOf('day');
dayjs().endOf('day');
Is Same
moment('2010-10-20').isSame('2010-10-21');
moment('2010-10-20').isSame('2010-10-21', 'month');
moment('2010-10-20').isSame('2010-10-21', 'month');
dayjs('2010-10-20').isSame('2010-10-21');
dayjs('2010-10-20').isSame('2010-10-21', 'month');
dayjs('2010-10-20').isSame('2010-10-21', 'month');
Days in Month
moment('2012-02', 'YYYY-MM').daysInMonth();
dayjs('2012-02').daysInMonth();
Date of Month
moment().date();
moment().date(4);
moment().date(4);
dayjs().date();
dayjs().set('date', 4);
dayjs().set('date', 4);
Day of Week
moment().day();
moment().day(-14);
moment().day(-14);
dayjs().day();
dayjs().set('day', -14);
dayjs().set('day', -14);
Is Before
moment('2010-10-20').isBefore('2010-10-21');
dayjs('2010-10-20').isBefore('2010-10-21');
Get
moment().seconds(); / moment().second()
moment().hours(); / moment().hour();
moment().hours(); / moment().hour();
dayjs().second(); / dayjs().seconds();
dayjs().hour(); / dayjs().hours();
dayjs().hour(); / dayjs().hours();
Set
moment().seconds(30);
moment().hours(13);
moment().hours(13);
dayjs().set('second', 30);
dayjs().set('hour', 13);
dayjs().set('hour', 13);
Manipulate
moment().add(7, 'days'); / moment().add(7, 'day');
dayjs().add(7, 'days'); / dayjs().add(7, 'day');
Subtract
moment().subtract(7, 'days');
dayjs().subtract(7, 'day');
Difference
moment([2007, 0, 27]).diff(moment([2007, 0, 29]));
moment([2007, 0, 27]).diff(moment([2007, 0, 29]), 'days');
moment([2007, 0, 27]).diff(moment([2007, 0, 29]), 'days');
dayjs('2007-01-27').diff(dayjs('2007-01-29'), 'milliseconds');
dayjs('2007-01-27').diff(dayjs('2007-01-29'), 'days');
dayjs('2007-01-27').diff(dayjs('2007-01-29'), 'days');
迁移方法
设置别名
{
"resolve": {
"alias": {
"moment": "dayjs"
} }}
"resolve": {
"alias": {
"moment": "dayjs"
} }}
不支持的方法
dayjs__WEBPACK_IMPORTED_MODULE_13___default.a.max is not a function
通过 引入对应的插件可以实现
import minMax from 'dayjs/plugin/minMax';dayjs.extend(minMax);
import minMax from 'dayjs/plugin/minMax';dayjs.extend(minMax);
0
0
分享查看详情
模板简介
js 时间库处理差异化
猜你喜欢
相关文章
八下历史思维导图-第五单元内容整理2022-07-20七下历史思维导图-唐朝的兴盛思维导图2022-07-19小数的初步认识思维导图-三年级下册数学脑图整理2022-07-18八年级生物上册第一章思维导图：动物的主要类群2021-08-29八年级生物上册第六单元思维导图：生物的多样性及其保护2021-08-28八年级生物上册第五单元思维导图：生物圈中的其他生物2021-08-28小学六年级上册数学思维导图：百分数2021-08-26小学六年级上册数学思维导图：圆2021-08-25小学六年级上册数学思维导图：比2021-08-24小学六年级上册数学思维导图：分数乘法2021-08-23小学六年级上册数学思维导图-全书2021-08-22九年级上册政治思维导图：中国梦-初三知识点脑图整理2021-08-21七年级上册地理思维导图：地球和地球仪2021-08-20高中历史必修一思维导图：现代中国的政治建设与祖国统一2021-08-19高中历史必修三思维导图：中国近代前期思想变化2021-08-18高中历史必修二思维导图：中国近代前期政治2021-08-17
您的想法与建议，对知犀思维导图的优化改进非常有用！欢迎反馈！