转载  moment.js的使用、时间加减运算处理

分类:前端 2022-06-13 22:33    328人阅读   

时间处理其实还蛮麻烦的,但是用了moment.js之后,是真的强大

console.log(moment().format("YYYY-MM-DD HH:mm:ss")); //当前时间
console.log(moment().format("YYYY-MM-DD HH:mm:ss").set('hour', 18).set('minute', 0).set('second', 0)); //当前特定时间
console.log(moment().subtract(10, "days").format("YYYY-MM-DD"));    //当前时间的前10天时间
console.log(moment().subtract(1, "years").format("YYYY-MM-DD"));    //当前时间的前1年时间
console.log(moment().subtract(3, "months").format("YYYY-MM-DD"));   //当前时间的前3个月时间
console.log(moment().subtract(1, "weeks").format("YYYY-MM-DD"));    //当前时间的前一个星期时间
// 同理,之后的为add

console.log(moment().startOf('day').format("YYYY-MM-DD HH:mm:ss"))   //当天开始时间
console.log(moment().startOf('week').format("YYYY-MM-DD HH:mm:ss"))   //当周开始时间
console.log(moment().startOf('month').format("YYYY-MM-DD HH:mm:ss"))   //当月开始时间
console.log(moment().startOf('year').format("YYYY-MM-DD HH:mm:ss"))   //当年开始时间
// 同理,结束为endOf

moment().format('L'); -> 2015-04-06
moment().format('l'); -> 2015-04-06
moment().format('LL'); -> 2015年4月6日
moment().format('ll'); -> 2015年4月6日
moment().format('LLL'); -> 2015年4月6日下午3点55
moment().format('lll'); -> 2015年4月6日下午3点55
moment().format('LLLL'); -> 2015年4月6日星期一下午3点55
moment().format('llll'); -> 2015年4月6日星期一下午3点55

moment.locale('cn', {
  weekdays : [
    "星期天","星期一", "星期二", "星期三", "星期四", "星期五", "星期六", 
  ]
});

// 获取两个时间段之间的月份
function calDiffMonths(StartDate, EndDate) {
  let CurrentMonth = StartDate.startOf('month');
  let Months = [];
  while (CurrentMonth <= EndDate) {
    Months.push(CurrentMonth.clone());
    CurrentMonth = CurrentMonth.add(1, 'months');
  }
  return Months;
}

calDiffMonths(moment('2016-01-01'),moment('2019-01-01'))
calDiffMonths(moment('2016-01-01'),moment('2016-01-01'))

两个日期/时间的时差加减方法:

moment(endTime).diff(moment(startTime), 'years')

moment(endTime).diff(moment(startTime), 'months')

moment(endTime).diff(moment(startTime), 'days')    //  开始时间和结束时间的时间差,以“天”为单位;endTime和startTime都是毫秒数

moment(endTime).diff(moment(startTime),'minutes' )

moment(endTime).diff(moment(startTime), 'seconds')

 

服务器费用不足...

CSS3 Button按钮悬停效果集合

物品租赁买卖业务平台HTML5模板 - Doremi

程序员向妹子表白专用代码

消息通知提示jQuery小部件

时尚的社交网站前端界面HTML模板 - Cirkle

动画效果教育行业SVG画图和图标

简约的Bootstrap5价格表小部件

CSS DIV中秋节网页代码

区块链数字货币管理系统网页模板 - Cryptio

程序员向妹子表白专用代码

墨汁跳跃闯关js小游戏源码

时尚和轻量设计Bootstrap4管理系统模板 - Sunny

很酷的元素周期表three.js动画

纯css太阳系动画html源码

建筑工程机械设备租赁网站HTML模板 - Antek

bootstrap风格后台界面管理系统模板 - Voler

通用的医院医疗保健HTML5模板

jQuery弹出提示框组件

移动端友好的新闻博客类HTML5模板

bootstrap框架web UI工具包后台模板 - MegaDin

服务器费用不足...
 工具推荐 更多»