• 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
    }
    }
  • 相关阅读:
    python的IDE(pycharm)安装以及简单配置
    python环境搭建(python2和python3共存)
    如何搭建samba服务?
    css 样式 文字过长 换行处理方法
    my97 日历控件
    myeclipse8.6 注册码
    (46) odoo核心文档分享
    (01-02) odoo8.0_Ubuntu14.04_nginx反代理设置
    (45) Manifest文件
    (44) odoo中的WebService
  • 原文地址:https://www.cnblogs.com/langqq/p/9172078.html
Copyright © 2020-2023  润新知