element的日期范围选择器快捷选择今日，昨日，本周，上周，本月，上个月，禁止选择当前日期之后的日期

                <template><div class="card-data"><el-date-pickerv-model="orderValue"type="daterange"align="center"unlink-panelsrange-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"format="yyyy 年 MM 月 dd 日 "value-format="yyyy-MM-dd":picker-options="pickerOptions"></el-date-picker></template>

      pickerOptions: {shortcuts: [{text: '今日',onClick (picker) {const end = new Date()const start = new Date()picker.$emit('pick', [start, end])}},{text: '昨日',onClick (picker) {const end = new Date()const start = new Date()start.setTime(start.getTime() - 3600 * 1000 * 24 * 1)end.setTime(start.getTime() - 3600 * 1000 * 24 * 1)picker.$emit('pick', [start, end])}},{text: '本周',onClick (picker) {const start = new Date()const end = new Date()const nows = start.getDay() || 7 // 注意周日算第一天，如果周日查询本周的话，天数是0，所有如     果是0，默认设置为7start.setTime(start.getTime() - 3600 * 1000 * 24 * ((nows - 1)))picker.$emit('pick', [start, end])}},{text: '上周',onClick (picker) {const dataValue = new Date()const year = dataValue.getFullYear()const month = dataValue.getMonth() + 1const day = dataValue.getDate()var thisWeekStart // 本周周一的时间if (dataValue.getDay() === 0) {// 周天的情况；thisWeekStart =new Date(year + '/' + month + '/' + day).getTime() -(dataValue.getDay() + 6) * 86400000} else {thisWeekStart =new Date(year + '/' + month + '/' + day).getTime() -(dataValue.getDay() - 1) * 86400000}const prevWeekStart = thisWeekStart - 7 * 86400000 // 上周周一的时间const prevWeekEnd = thisWeekStart - 1 * 86400000 // 上周周日的时间const start = new Date(prevWeekStart) // 开始时间const end = new Date(prevWeekEnd) // 结束时间picker.$emit('pick', [start, end])}},{text: '本月',onClick (picker) {const end = new Date()const start = new Date()start.setDate(1)picker.$emit('pick', [start, end])}}, {text: '上月',onClick (picker) {const end = gettimeEnd()const start = gettimeStart()picker.$emit('pick', [start, end])function gettimeStart () {const nowdays = new Date()let year = nowdays.getFullYear()let month = nowdays.getMonth()if (month === 0) {month = 12year = year - 1}if (month < 10) {month = '0' + month}let firstDayOfPreMonth = year + '-' + month + '-' + '01'firstDayOfPreMonth = firstDayOfPreMonth.toString()return new Date(firstDayOfPreMonth)}function gettimeEnd () {const nowdays = new Date()let year = nowdays.getFullYear()let month = nowdays.getMonth()if (month === 0) {month = 12year = year - 1}if (month < 10) {month = '0' + month}const lastDay = new Date(year, month, 0)let lastDayOfPreMonth = year + '-' + month + '-' + lastDay.getDate()lastDayOfPreMonth = lastDayOfPreMonth.toString()return new Date(lastDayOfPreMonth)}}}],disabledDate: (time) => { // 禁止选择当前日期之后的日期return time.getTime() > Date.now() - 24 * 60 * 60 * 1000}

element的日期范围选择器快捷选择今日，昨日，本周，上周，本月，上个月，禁止选择当前日期之后的日期相关推荐

js实现获取今日、本周、本月、本学期的开始结束日期
一.js实现获取今日.本周.本月.本学期的开始结束日期 getDateFn.js 今日.本周.本月,实现是参考他人资源! <template><div> </div> ...
php 本季度时间戳,PHP获取今日、本周、本月、本季度的起止时间戳
有的时候需要查询数据库特定时间段的记录,比如,获取今日.本周.本月.本季度的数据,这就需要用到php的date()函数和 maketime()函数了,下面先简单的介绍下这2个函数的用法,然后直接上代码 ...
获取(今日、本周、本月、本年)的方式
方式一:mysql中sql语句查询 ### TODAY:今日 THISWEEK:本周 THISMONTH:本月 THISYEAR:本年 <if test="scopeTypeEnum ...
JS判断当前选择日期是否为今日或本周或本月
判断当前选择日期是否为今日 /*判断当前选择日期是否为今日代码*/ let now=new Date() let today=now.toISOString().substring(0,10) no ...
获取今日、本周、本月至今日的所有日期
/// <summary>/// 获取本日日期/// (12月16日)/// </summary>/// <returns></returns>publ ...
php获取今日、本周、本月、本年时间戳和日期格式
//获取今日开始时间和结束时间时间戳格式和时间格式 $time1 = strtotime(date('Y-m-d 00:00:00',time())); $time2 = strtotime(date ...
获取今日、本周、本月、上月、今年的日期
1.首先格式化时间 // 格式化时间 function formatDate(date) { var myyear = date.getFullYear(); var mymonth = date.g ...
用php获取本周,上周,本月,上月,本季度日期的代码
1. 前言 ADODB 是 Active Data Objects Data Base 的简称,它是一种 PHP 存取数据库的函式组件.现在 SFS3 系统 (校园自由软件交流网学务系统) 计划的主持 ...
calendar 获取季度的第一天_【Java】判断当前日期所在的时间段(今日、本周、本月、本季度、本年)...
前言: 之前做记账app的时候,需要根据当前日期去查询当前所在的时间段,以方便统计这段时间内的支出总额,这里写一个工具类,方便下次需要的时候直接来拿,下面开始介绍: 内容概述: 一.Calender类 ...

element的日期范围选择器快捷选择今日，昨日，本周，上周，本月，上个月，禁止选择当前日期之后的日期

element的日期范围选择器快捷选择今日，昨日，本周，上周，本月，上个月，禁止选择当前日期之后的日期

element的日期范围选择器快捷选择今日，昨日，本周，上周，本月，上个月，禁止选择当前日期之后的日期相关推荐

最新文章

热门文章