vue 常用js日期方法

Posted st646889325

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 常用js日期方法相关的知识,希望对你有一定的参考价值。

下面列举一些常用的日期方法

/*
 * 获取日期
 * @param time
 * @returns YYYY-MM-DD格式
*/
function formateDate(time)
    let year = time.getFullYear();
    let month = time.getMonth() + 1;
    let day = time.getDate();

    if (month < 10) 
        month = '0' + month;
    
    if (day < 10) 
        day = '0' + day;
    
    return year + '-' + month + '-' + day + '';


//使用
formateDate(new Date())
//输出
2022-06-23
/*
 * 获取月份
 * @param time
 * @returns YYYY-MM格式
*/
function formateMonth(time)
  let year = time.getFullYear();
  let month = time.getMonth() + 1;

  if (month < 10) 
      month = '0' + month;
  
  return year + '-' + month;


//使用
formateMonth(new Date())
//输出
2022-06
/*
 * 获取上月
 * @param time
 * @returns YYYY-MM
*/
function preCurMonth(time)
  let year = time.getFullYear();
  let preMonth = time.getMonth();
  if (preMonth === 0) 
    year -= 1;
    preMonth = 12;
  
  if(preMonth<10)
    preMonth = '0' + preMonth;
  
  const date = year + '/' + preMonth +'/01';
  return new Date(date);


//使用
formateMonth(preCurMonth(new Date()))
//输出
2022-05
/*
 * 获取下月
 * @param time
 * @returns YYYY-MM
*/
function nextCurMonth(time)
  let year = time.getFullYear();
  let nextMonth = time.getMonth()+2;
  if (nextMonth === 13) 
    year += 1;
    nextMonth = 1;
  
  if(nextMonth<10)
    nextMonth = '0' + nextMonth;
  
  return new Date(year + '/' + nextMonth +'/01');


//使用
formateMonth(nextCurMonth(new Date()))
//输出
2022-07
/**
 * @param  day为-n,返回的是当前日期的前n天;day为0,返回当前日期,day为n,返回时当前日期的后n天
 * @return *String 返回 yyyy-MM-dd 形式
 */
function getDay(day) 
  let today = new Date();
  let targetday_milliseconds = today.getTime() + 1000 * 3600 * 24 * day;
  today.setTime(targetday_milliseconds); //注意,这行是关键代码
  let tYear = today.getFullYear();
  let tMonth = today.getMonth();
  let tDate = today.getDate();
  tMonth = doHandleMonth(tMonth + 1);
  tDate = doHandleMonth(tDate);
  return tYear + "-" + tMonth + "-" + tDate;


//使用
getDay(0)
getDay(-1)
getDay(1)
//输出
2022-06-23
2022-06-22
2022-06-24

```javascript
/**
 * @Descripttion: 获取传入日期的近某日 
 * @param   tempDate  传入日期
 * @param  changeDay 前n日为-n,后n日为n
 * @return *String 返回 yyyy-MM-dd 形式
 */
function getFormatDate(tempDate, changeDay) 
	var date = tempDate;
	var dateTime = date.getTime() + 1000 * 60 * 60 * 24 * changeDay;
	date.setTime(dateTime);
	var month = date.getMonth() + 1;
	var strDate = date.getDate();
	if (month >= 1 && month <= 9) 
		 month = "0" + month;
	
	if (strDate >= 0 && strDate <= 9) 
		strDate = "0" + strDate;
	
	var formatDate = date.getFullYear() + "-" + month + "-" + strDate;
	return formatDate;


//使用
getFormatDate(new Date(), -2)
getFormatDate(new Date(), 0)
//输出
2022-06-21 
2022-06-23
/**
 * @Descripttion: 获取传入日期的近某月
 * @param   tempDate  传入日期
 *  @param  changeDay n月
 * @return *String 返回 yyyy-MM-01 形式
 */
function getFormatMonth(tempDate, count) 
	var date = tempDate;
	var month = date.getMonth() + 1;
	var year = date.getFullYear();
		
	for (var i = 0; i < count; i++) 
		month = --month;
		if (month == 0) 
		    year = --year;
		    month = 12;
		
	
		
	if (month >= 1 && month <= 9) 
		month = "0" + month;
	
	var formatMonth = year + "-" + month + "-01";
	return formatMonth;


//使用
getFormatMonth(new Date(), 3)
getFormatMonth(new Date(), 1)
//输出
2022-03-01 
2022-05-01

以上是关于vue 常用js日期方法的主要内容,如果未能解决你的问题,请参考以下文章

全部干货vue中封装的常用方法(持续更新)

全部干货vue中封装的常用方法(持续更新)

vue中封装的常用方法(全部干货)

js日期常用方法

vue开发问题-解决方法element UI日期控件失效

vue.js怎样将时间戳转化为日期格式