element-ui隐藏日期弹窗里“此刻”按钮和设置日期禁用范围
备注:前端框架 vue一、隐藏日期弹窗里的“此刻”按钮背景:element-ui日期时间弹窗里有“此刻”这个按钮选项,没有参数设置此按钮的隐藏,目前只能通过样式进行隐藏。设置参数:popper-class<template><el-date-pickertype="datetime"popper-class="date_picker"...></el-date-pic
·
备注:前端框架 vue
一、隐藏日期弹窗里的“此刻”按钮
背景:element-ui日期时间弹窗里有“此刻”这个按钮选项,没有参数设置此按钮的隐藏,目前只能通过样式进行隐藏。
设置参数:popper-class
<template>
<el-date-picker
type="datetime"
popper-class="date_picker"
...
>
</el-date-picker>
</template>
<style lang="scss" scop>
...
</style>
// 注意:日期弹窗的样式是和vue根组件同级,所以页面额外再添加一个style样式
<style lang="scss">
.date_picker .el-picker__footer .el-button--text {
display: none;
}
</style>
二、设置日期禁用范围
<template>
<el-date-picker
type="datetime"
:picker-options="pickerOptions"
...
>
</template>
<script>
export default {
data() {
return {
pickerOptions: {
disabledDate: (time) => {
// 8.64e7 => 科学计数法: 8.64 * 10的7次方 === 24 * 60 * 60 * 1000
return time.getTime() < new.Date().getTime() - 8.64e7;
}
}
}
}
}
</script>
更多推荐
已为社区贡献3条内容
所有评论(0)