时间范围选择器默认开始时间前5天，前5年，前5月

1.前5天

<el-date-picker

v-model="listQuery.ri"

@change="riChange"

type="daterange"

format="yyyy-MM-dd"

value-format="yyyy-MM-dd"

range-separator="至"

start-placeholder="开始日期"

end-placeholder="结束日期"

</el-date-picker>

js:

getToday() {

//获取当前日期

let myDate = new Date();

let nowY = myDate.getFullYear();

let nowM = myDate.getMonth() + 1;

let nowD = myDate.getDate();

this.listQuery.ri[1] =

nowY +

"-" +

(nowM < 10 ? "0" + nowM : nowM) +

"-" +

(nowD < 10 ? "0" + nowD : nowD); //当前日期

// 5之前

getThreeDaysAgo() {

let myDate = new Date();

let lw = new Date(myDate - 1000 * 60 * 60 * 24 * 5); //最后一个数字5

let lastY = lw.getFullYear();

let lastM = lw.getMonth() + 1;

let lastD = lw.getDate();

this.listQuery.ri[0] =

lastY +

"-" +

(lastM < 10 ? "0" + lastM : lastM) +

"-" +

(lastD < 10 ? "0" + lastD : lastD); //5之前日期

2.前5月

1.<el-date-picker

@change="modelyueChange"

v-model="listQuery.modelyue"

type="monthrange"

range-separator="至"

value-format="yyyy-MM"

start-placeholder="开始月份"

end-placeholder="结束月份"

</el-date-picker>

js:

getyue() {

//获取当前月

let myDate = new Date();

let nowY = myDate.getFullYear();

let nowM = myDate.getMonth() + 1;

this.listQuery.modelyue[1] = nowY + "-" + (nowM < 10 ? "0" + nowM : nowM);

this.zdwxListObj.endTime = this.listQuery.modelyue[1];

console.log(this.zdwxListObj.startTime);

getLocalTime() {

// 5月

var timeC = new Date().setMonth(new Date().getMonth() - 5);

var year = new Date(parseInt(timeC)).getFullYear();

var month = new Date(parseInt(timeC)).getMonth() + 1;

if (month < 10) {

month = "0" + month;

}

this.listQuery.modelyue[0] = year + "-" + month;

this.zdwxListObj.startTime = year + "-" + month;

3.前5年

<el-date-picker

v-model="listQuery.auditYearStartTime"

value-format="yyyy"

type="year"

placeholder="开始"

clearable

@change="auditYearStartTimeChange"

></el-date-picker>

至

<el-date-picker

v-model="listQuery.auditYearEndTime"

value-format="yyyy"

type="year"

placeholder="结束"

clearable

@change="auditYearEndTimeChange"

></el-date-picker>

js:

getYear() {

// 当年

let myDate = new Date();

let nowY = myDate.getFullYear() + "";

this.listQuery.auditYearEndTime = nowY;

this.listQuery.auditYearStartTime = String(Number(nowY) - 5);

时间范围选择器默认开始时间前5天，前5年，前5月相关推荐

html5 酒店入住插件,jQuery酒店类入住日期时间范围选择器插件
t-datepicker是一款jQuery酒店类入住日期时间范围选择器插件.该jquery日期选择器提供多个配置参数和方法,可以创建响应式的.灵活的.多种主题效果的日期范围选择器.它的特点还有: 内置 ...
vue 日期选择器默认时间_vue-datepicker
vue-datepicker 基于 Vue 的日期/时间选择组件. 安装 NodeJS 环境 (commonjs) npm i @hyjiacan/vue-datepicker 或者 yarn add ...
java 一周前日期_java获取当前时间前一周、前一月、前一年的时间
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); Calendar c = Calend ...
日期设置默认开始时间和结束时间
[js]给日期设置默认开始时间和结束时间,开始时间是结束时间的三个月前. 使用$moment的subtract()减去三个月,就可以得到自己想要的时间啦. 这个在ELEMENT的时间组件也可以正常使用 ...
springboot jwt token前后端分离_为什么要前后端分离？
作者:互扯程序来源:互扯程序广而告之:由于此订阅号换了个皮肤,系统自动取消了读者的公众号置顶.导致用户接受文章不及时.您可以打开订阅号,选择置顶(星标)公众号,重磅干货,第一时间送达! 本文知 ...
rsa前后端加密流程_不懂前后端分离？这篇就够了
一传统的开发模式前后端分离前我们的开发协作模式一般是这样的: 前端写好静态的HTML页面交付给后端开发.静态页面可以本地开发,也无需考虑业务逻辑只需要实现View即可. 后端使用模板引擎去套模板, ...
angular 日期选择器_使用Angular，Bulma和Moment.JS构建日期时间范围选择器
angular 日期选择器 Picking a date. Should be simple enough right? After multiple iterations of using the ...
Element UI——日期时间选择器el-date-picker开始时间与结束时间约束解决方案
官方文档 https://element.eleme.cn/#/zh-CN/component/datetime-picker 问题分析 el-date-picker组件需要 :picker-opti ...
python获取一个月之前日期_Python 获取几天前的时间
Python 获取几天前的时间计算几天前并转换为指定格式.import time import datetime # 先获得时间数组格式的日期 threeDayAgo = (datetime.dat ...

时间范围选择器默认开始时间前5天，前5年，前5月

时间范围选择器默认开始时间前5天，前5年，前5月相关推荐

最新文章

热门文章