zoukankan      html  css  js  c++  java
  • elementUI 日期 周一、周二、周三、周四、周五、周六、周日快捷键

    <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>

    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
    }
    }
  • 相关阅读:
    软件工程第一个个人小程序
    关于程序的单元测试
    求整数数组中子数组最大的和
    电梯调度程序开发 付亚飞 段兴林
    每天听英语系列一
    去除U盘写保护
    显示pdf格式的图片
    在页面判断起始时间是否大于结束时间
    从页面上灵活增删改查
    柱形图,饼状图,折线图JavaScript
  • 原文地址:https://www.cnblogs.com/langqq/p/9172078.html
Copyright © 2011-2022 走看看