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>
相关推荐
Orange_sparkle2 分钟前
dify的web页面如何传入user用户信息进行对话,而不是uuid
前端·人工智能
Amumu1213811 分钟前
Vue Router 和 常用组件库
前端·javascript·vue.js
霍理迪16 分钟前
CSS移动端开发及less使用方法
前端·css
2601_9498574316 分钟前
Flutter for OpenHarmony Web开发助手App实战:HTML参考
前端·flutter·html
£漫步 云端彡19 分钟前
Golang学习历程【第八篇 指针(pointer)】
javascript·学习·golang
爱内卷的学霸一枚19 分钟前
现代前端工程化实践:从Vue到React的架构演进与性能优化(7000字深度解析)
前端·vue.js·react.js
南风知我意95722 分钟前
【前端面试4】框架以及TS
前端·面试·职场和发展
鹏北海-RemHusband23 分钟前
踩坑记录:iOS Safari 软键盘下的“幽灵弹窗“问题
前端·ios·safari
极客小云25 分钟前
【基于AI的自动商品试用系统:不仅仅是虚拟试衣!】
javascript·python·django·flask·github·pyqt·fastapi
一位搞嵌入式的 genius27 分钟前
深入理解浏览器中的 JavaScript:BOM、DOM、网络与性能优化
前端·javascript·网络·性能优化