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>
相关推荐
Liu.7748 分钟前
uniapp swiper 常见问题及修复
前端·uni-app
u0111026758 分钟前
图片生成任务的日志记录与敏感信息取舍
前端·图像处理·算法·ai作画
Eastmount10 分钟前
[论文阅读] (54)NDSS26 JSIMPLIFIER:动静态与LLM如何协同完成JavaScript解混淆?
javascript·论文阅读·恶意代码分析·智能体安全·ndss
凯凯姜12 分钟前
Vue 3 深入学习笔记 16:API 请求封装与统一错误处理
vue.js·笔记·学习
梦想很大很大40 分钟前
重新思考 Workrun:AI 时代,我们还需要手动编排 Workflow 吗?
前端·人工智能·后端
Ai-_Man42 分钟前
ChatGPT还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·javascript·人工智能·chatgpt·小程序·ecmascript
小羊没烦恼!1 小时前
深入浅出SQL Server中的死锁
java·开发语言·前端·数据库·后端·spring·c#
Frag0ut1 小时前
Chrome DevTools 2026进阶:AI辅助调试与性能诊断原生实战指南
前端·人工智能·chrome devtools·ai调试·lighthouse性能分析·内存泄漏诊断·css容器查询
miofly1 小时前
GitHub 今日推荐|security-audit-skill:让编码代理自己审计漏洞还互相验证
javascript·开源·github
ai工具集合1 小时前
前端项目图标管理实战:成套图标集的选型、规范与 SVG 落地方案
前端