1、JS代码如下:
export default {
//获取今天、昨天、明天
getDate(dates) {
var dd = new Date();
var n = dates || 0;
dd.setDate(dd.getDate() + n);
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
var d = dd.getDate();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
var day = y + "-" + m + "-" + d;
return day;
},
//获取本周、上周、下周的起始、结束日期
getMonday(type, dates) {
var now = new Date();
var nowTime = now.getTime();
var day = now.getDay();
var longTime = 24 * 60 * 60 * 1000;
var n = longTime * 7 * (dates || 0);
if (type == "s") {
var dd = nowTime - (day - 1) * longTime + n;
};
if (type == "e") {
var dd = nowTime + (7 - day) * longTime + n;
};
dd = new Date(dd);
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
var d = dd.getDate();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
var day = y + "-" + m + "-" + d;
return day;
},
//获取本月、上月、下月的起始、结束日期
getMonth(type, months) {
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
if (Math.abs(months) > 12) {
months = months % 12;
};
if (months != 0) {
if (month + months > 12) {
year++;
month = (month + months) % 12;
} else if (month + months < 1) {
year--;
month = 12 + month + months;
} else {
month = month + months;
};
};
month = month < 10 ? "0" + month : month;
var date = d.getDate();
var firstday = year + "-" + month + "-" + "01";
var lastday = "";
if (month == "01" || month == "03" || month == "05" || month == "07" || month == "08" || month == "10" || month == "12") {
lastday = year + "-" + month + "-" + 31;
} else if (month == "02") {
if ((year % 4 == 0 && year % 100 != 0) || (year % 100 == 0 && year % 400 == 0)) {
lastday = year + "-" + month + "-" + 29;
} else {
lastday = year + "-" + month + "-" + 28;
};
} else {
lastday = year + "-" + month + "-" + 30;
};
var day = "";
if (type == "s") {
day = firstday;
} else {
day = lastday;
};
return day;
},
//获取今年、去年、明年的开始、结束日期
getYear(type, dates) {
var dd = new Date();
var n = dates || 0;
var year = dd.getFullYear() + Number(n);
if (type == "s") {
var day = year + "-01-01";
};
if (type == "e") {
var day = year + "-12-31";
};
if (!type) {
var day = year + "-01-01/" + year + "-12-31";
};
return day;
}
}
2、JS引用
import dateTime from "@/utils/dateTime";
3、JS代码执行
//当前项目用的是点击触发事件
clickDate(index) {
if (index === 0) {
this.date = [dateTime.getDate(0), dateTime.getDate(0)];
} else if (index === 1) {
this.date = [dateTime.getMonday("s", 0), dateTime.getMonday("e", 0)];
} else if (index === 2) {
this.date = [dateTime.getMonth("s", 0), dateTime.getMonth("e", 0)];
} else if (index === 3) {
this.date = [dateTime.getYear("s", 0), dateTime.getYear("e", 0)];
}
}
Motion for Vue:一个轻量级且功能强大的Vue3动画库
el-table利用:row-style="rowClass"设置指定行变色
一款免费开源效果酷炫的 Vue / React 大屏数据展示组件库——DataV
上面是“vue获取今天、本周、本月、全年的区间时间”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_26.html
workflows工作流
一对葫芦ComfyUI工作流
一个质朴的木制窗户上放着各种葫芦、南瓜等
一座生动的点彩主义灯塔ComfyUI工作流
一架受损严重的宇宙飞船内有一只猫
一尊白玉猴王ComfyUI工作流
Latent放大comfyui工作流
一盒用五颜六色的食材烹制的热气腾腾的寿司
一个熙熙攘攘的市场场景,里面摆满了南瓜
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

利用CSS3代码编写45款按钮效果
css3绘制一个会动的大嘴鸟
css3做一个风雨雷电天气动态图标
用svg画出游泳池动画效果
在线生成金属文字
HTML5 Canvas 刻度尺
iframe开发admin后台







