设置日历中的快捷时间段范围

moment.js

需要根据某些时间段查看数据,首先,要先引入moment

import moment from "moment";

计算时间点

 //获取当前时间
 let nowDate = new Date().getTime()
 //获取1个小时前的时间
 let oneHour = moment(nowDate - 1 * 60 * 60 * 1000).format('YYYY-MM-DD HH:mm:ss') 
//获取2个小时前的时间
 let twoHour = moment(nowDate - 2 * 60 * 60 * 1000).format('YYYY-MM-DD HH:mm:ss') 
 //获取3个小时前的时间
 let threeHour = moment(nowDate - 3 * 60 * 60 * 1000).format('YYYY-MM-DD HH:mm:ss')

更好的方式:

//一个小时前时间
moment().subtract(1, "hours").format("YYYY-MM-DD hh:mm:ss"); 
 //当前时间
moment().format("YYYY-MM-DD HH:mm:ss");
//当前时间的前10天时间
moment().subtract(10, "days").format("YYYY-MM-DD"); 
 //当前时间的前1年时间
moment().subtract(1, "years").format("YYYY-MM-DD");
//当前时间的前3个月时间
moment().subtract(3, "months").format("YYYY-MM-DD"); 
 //当前时间的前一个星期时间
moment().subtract(1, "weeks").format("YYYY-MM-DD");

常用的获取时间:

//本周的第一天
startDate = moment().week(moment().week() --1).startOf('week').format('YYYY-MM-DD');
//本周的最后一天
endDate =moment().week(moment().week() - 1).endOf('week').format('YYYY-MM-DD');
//本月第一天
startDate = moment().startOf('month').format('YYYY-MM-DD');
//本月最后一天
endDate = moment().end
//当前时间的前10天时间
moment().subtract(10, "days").format("YYYY-MM-DD"); 
//当前时间的前1年时间
moment().subtract(1, "years").format("YYYY-MM-DD"); 
//当前时间的前3个月时间
moment().subtract(3, "months").format("YYYY-MM-DD"); 
//当前时间的前一个星期时间
moment().subtract(1, "weeks").format("YYYY-MM-DD"); 
//设置为时间单位的开头
moment().startOf(String);
//设置为时间单位的末尾
moment().endOf(String);

antd design vue日历设置默认时间

数据:

startTime: moment().subtract(1, "hours").format('YYYY-MM-DD HH:mm:ss'),
endTime:  moment().format('YYYY-MM-DD HH:mm:ss'),
dateRange: {
        一小时内: [moment().subtract(1, "hours"), moment()],
        两小时内: [moment().subtract(2, "hours"), moment()],
        今天: [moment().startOf('day'), moment()],
        昨天: [moment().startOf('day').subtract(1,'days'), moment().endOf('day').subtract(1, 'days')],
        最近一周: [moment().startOf('day').subtract(1, 'weeks'), moment()],
      },

方法:

    momentTime (time, format) {
      return moment(time, format)
    },

   转载规则


《设置日历中的快捷时间段范围》 锦泉 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录