el-element日期时间组件限制可选时间范围

javascript 复制代码
    <el-date-picker
        v-model="formData.meetingTime"
        type="datetime"
        value-format="yyyy-MM-dd HH:mm:ss"
        style="width: 100%"
        placeholder="请选择日期"
        clearable
        :picker-options="pickerOptions"
      >
      </el-date-picker>
javascript 复制代码
<script>
	export default {
		data(){
			return{
				//限制当前时间之前的不可选并且最大可选时间不能超过2028-12-31
				 pickerOptions: {
			        disabledDate(time) {
			          const maxDate = new Date('2028-12-31')
			          return time.getTime() > maxDate.getTime() || time.getTime() < new Date().getTime() - 86400000
			        },
			        selectableRange: (() => {   //这里是限制时分秒
			          let data = new Date()
			          let hour = data.getHours()
			          let minute = data.getMinutes()
			          let second = data.getSeconds()
			          return [`${hour}:${minute}:${second} - 23:59:59`]
			        })()
			      },
			}
        }
	}
<script>
相关推荐
掘金者阿豪5 分钟前
Codex 怎么突然变慢了?一个需求跑几十分钟,我才发现它的工作方式已经变了
前端·后端
用户9314563556610 分钟前
从 3 秒到 300 毫秒:一次真实的前端首屏性能优化全记录
前端
whn197711 分钟前
dm9安装初体验
前端
阿黎梨梨17 分钟前
从零搞懂 JWT 登录鉴权:一张“电子通行证”的诞生记
前端
全栈项目管理程序猿17 分钟前
ArcGIS JS 基础教程(12):视图截图 takeScreenshot
javascript
用户9210802628617 分钟前
ChatMessageList 消息列表组件:基于 BubbleList 搭建 AI 对话展示区
前端
HjhIron21 分钟前
实战 React + JWT + Zustand:从零搭建登录鉴权系统
前端
小棉花的ai跨境之旅22 分钟前
Codex 子 Agent 分工实战:Sol 当军师、Luna 当搬砖工,单任务成本压到 $0.61
javascript
晴天1643 分钟前
DeepSeek Harness 全景技术解析-Day23
前端·deepseek
风月说与山鬼1 小时前
三、uni-app页面配置(pages.json)
前端·uni-app