1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue 调用 js 获取的今天日期 本周 本月 本年起始和结束日期

vue 调用 js 获取的今天日期 本周 本月 本年起始和结束日期

时间:2022-07-03 00:00:04

相关推荐

vue 调用 js 获取的今天日期 本周 本月 本年起始和结束日期

得到今天、昨天、明天日期

function 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;};getDate(dates) //dates为数字类型,0代表今日,-1代表昨日,1代表明日,返回yyyy-mm-dd格式字符串,dates不传默认代表今日。

得到本周、上周、下周的起始、结束日期

function 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;};getMonday(type,dates) //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,dates为数字类型,不传或0代表本周,-1代表上周,1代表下周getMonday("s",1) //得到下周一的yyyy-mm-dd格式日期getMonday("e",1) //得到下周日的yyyy-mm-dd格式日期

得到本月、上月、下月的起始、结束日期

function 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;};getMonth(type,months) //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,months为数字类型,不传或0代表本月,-1代表上月,1代表下月getMonth("s",1) //得到下月第一天的yyyy-mm-dd格式日期getMonth("e",1) //得到下月最后一天的yyyy-mm-dd格式日期

得到今年、去年、明年的开始、结束日期

function 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;};getYear(type,dates) //type为字符串类型,有两种选择,"s"代表开始,"e"代表结束,dates为数字类型,不传或0代表今年,-1代表去年,1代表明年getYear("s",1) //得到明年第一天的yyyy-mm-dd格式日期getYear("e",1) //得到明年最后一天的yyyy-mm-dd格式日期

2. vue 引用js,调用

首先在vue里面生成一个filters.js文件

在mian.js里面进行配置全局

import * as filters from './assets/js/filters'Object.keys(filters).forEach(key => {Vue.filter(key, filters[key])})

在filters.js里面拷贝获取日期的js方法,更改一下

在 .vue 文件里面调用方法,先导入vueimport Vue from 'vue';

直接这样调用传参就可以啦,有什么更好的建议,记得留言哦! ‘’- _ -‘’

let temp = Vue.filter('getMonday');this.searchParam.StartingTime = temp("s",0)

如果想学全栈开发,从写接口到,前端实现调接口,一整套流程,可以进群获取视频资料学习!

Java全栈交流①群要是满了可以加2群 1135453115, ②群 821596752

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。