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日期方法的主要内容,如果未能解决你的问题,请参考以下文章