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
    }
    }
  • 相关阅读:
    从远程库克隆(转载)
    添加远程库(转载)
    远程仓库(转载)
    maven+hudson构建集成测试平台
    maven_基本配置
    crawler_基础之_httpclient 访问网络资源
    crawler_jsoup HTML解析器_使用选择器语法来查找元素
    oracle_job 清空冗余数据 ,每一分钟执行一次
    oracle_根据ID(字符型)建立分区表
    crawler_基础之_java.net.HttpURLConnection 访问网络资源
  • 原文地址:https://www.cnblogs.com/langqq/p/9172078.html
Copyright © 2011-2022 走看看