备注:前端框架 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>
Logo

前往低代码交流专区

更多推荐