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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM