1. <el-date-picker
    v-model="ruleForm.pickDateMeal"
    type="daterange"
    align="right"
    :range-separator="$t('message.To')"
    :start-placeholder="$t('message.Start_date')"
    :end-placeholder="$t('message.End_date')"
    @change="getDateHandler"
    value-format="yyyy-MM-dd"
    format="yyyy-MM-dd"
    :picker-options="pickerOptions2"
    :default-value="defalutDate"
    >
    </el-date-picker>
  1. pickerOptions2: {
    shortcuts: [{
    text: '星期一',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 1, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '星期二',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 2, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '星期三',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 3, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '星期四',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 4, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '星期五',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 5, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '星期六',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 6, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '星期日',
    onClick (picker) {
    const end = new Date()
    const start = new Date()
    _this.getDaysMonday(start, 90, 2, 0, _this.allDays)
    picker.$emit('pick', [start, end])
    }
    }, {
    text: '今天',
    onClick (picker) {
    picker.$emit('pick', new Date())
    }
    }
    ],
    // 设置选择今天以及今天之后的日期
    disabledDate (time) {
    return time.getTime() < Date.now() - 8.64e7
    }
    }

elementUI 日期 周一、周二、周三、周四、周五、周六、周日快捷键的更多相关文章

  1. SQL取出 所有周六 周日的日期

    SQL取出 所有周六 周日的日期 create table SatSun([id] int identity(1,1),[date] datetime,[weekday] char(6)) go de ...

  2. vue element-ui 日期选择器组件 日期时间格式化

    vue element-ui 组件开发大大提高了我们的效率,但有时候并不能满足我们的需求,例如时间,日期组件: element-ui 日期返回的格式是这样的,看下图: 但我们要的是另一个格式 , 如下 ...

  3. ElementUI日期选择器时间选择范围限制

    ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一个element-ui日期插件的补充,官方文档中使用picker-options属性来限制可选择的日期,这 ...

  4. element-ui 日期选择器范围时间限制

    来自 https://www.cnblogs.com/xjcjcsy/p/7977966.html 侵删 ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一 ...

  5. C#去掉周六周日的算法

    /// <summary> /// 用来获取工作日(不含周六周日) /// </summary> /// <param name="dtSub"> ...

  6. WPF 自定义Calendar样式(日历样式,周六周日红色显示)

    一.WPF日历控件基本样式 通过Blend获取到Calendar需要设置的三个样式CalendarStyle.CalendarButtonStyle.CalendarDayButtonStyle.Ca ...

  7. 关于element-ui日期选择器disabledDate使用心得

    实现目的: 使用type="data"类型实现具备开始日期与结束日期组件(ps:element有自带的type="daterange"类型的组件可以实现此功能) ...

  8. element-ui日期组件DatePicker选择日期范围赋值编辑问题

    最近在项目中使用element-UI的日期范围组件时遇到一个问题,相信很多人也做过这种场景,一个录入页面也同时是编辑页面,编辑的时候就需要先赋值.但是我给date组件赋值后,确无法操作了,change ...

  9. element-ui日期组件DatePicker设置日期选择范围Picker Options

    element-UI提供了DatePicker日期选择器组件,可以让我们很方便的获取到日期,默认的选择是全部的日期都可以选择的,但是很多场景中我们要对日期选择范围做限定,比如出行日期就不能选过去的日期 ...

随机推荐

  1. css层叠性冲突中的优先级

    一.首先从CSS级别来进行优先级划分: CSS控制页面样式的四种方法: 1.行内样式 通过style特性 <p style=”color:#F00; background:#CCC; font- ...

  2. Create JSON by Jackson API(转)

      原文地址: Create JSON by Jackson API Jackson API is a multi-purpose Java library for processing JSON. ...

  3. ECharts饼状图添加事件

    和柱状图添加事件没有区别,详情如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content ...

  4. Redis开发规范

    1.冷热数据分离,不要将所有数据全部都放到Redis中 虽然Redis支持持久化,但是Redis的数据存储全部都是在内存中的,成本昂贵.建议根据业务只将高频热数据存储到Redis中[QPS大于5000 ...

  5. zzw原创_oracle回收站相关操作知识

    1.查询回收站状态语句 select * from user_recyclebin order by droptime desc   2.还原回收站 FLASHBACK TABLE  << ...

  6. 创建型模式篇(工厂模式Factory Pattern)

    一.工厂模式(Factory Pattern) 1.定义: 在软件系统,经常面临着“某个对象”的创建工作,由于需求的变化,这个对象的具体实现经常面临着剧烈的变化,但是它却拥有比较稳定的接口.提供一种封 ...

  7. AWVS和AppScan使用代理进行扫描教程

    一.说明 扫描网站时,一是可能某些网站网络不能直接访问,二是可能不想曝露本机IP.这时要进行处理. 第一个方法是如果有vpn直接登vpn,vpn的话由于是直接修改操作系统层次的网络,扫描器不需要额外做 ...

  8. 模块之 logging, shelve, sys 模块

    一. logging模块 用来记录日志,日志:记录某个时间点发生了什么事 日志作用:程序调试 了解软件程序的运行情况,是否正常 软件程序运行故障分析与问题定位 还可用来做用户行为分析 日志等级:在不改 ...

  9. CentOS查询系统版本

    1.cat /proc/version 2.cat /etc/redhat-release 3.cat /proc/version 4.uname -a

  10. 求1+2+……+n的和

    题目描述 求1+2+3+...+n,要求不能使用乘除法.for.while.if.else.switch.case等关键字及条件判断语句(A?B:C). class Solution { public ...