当前位置: 首页 > news >正文

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

    <el-date-pickerv-model="formData.meetingTime"type="datetime"value-format="yyyy-MM-dd HH:mm:ss"style="width: 100%"placeholder="请选择日期"clearable:picker-options="pickerOptions"></el-date-picker>
<script>export default {data(){return{//限制当前时间之前的不可选并且最大可选时间不能超过2028-12-31pickerOptions: {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>
http://www.lryc.cn/news/130249.html

相关文章:

  • 【李沐】3.3线性回归的简洁实现
  • Ghost-free High Dynamic Range Imaging withContext-aware Transformer
  • 过来,我告诉你个秘密:送给程序员男友最好的礼物,快教你对象学习磁盘分区啦!小点声哈,别让其他人学会了!
  • Cadence+硬件每日学习十个知识点(38)23.8.18 (Cadence的使用,界面介绍)
  • React Native Expo项目,复制文本到剪切板
  • React源码解析18(5)------ 实现函数组件【修改beginWork和completeWork】
  • vscode ssh 远程 gdb 调试
  • 云原生 AI 工程化实践之 FasterTransformer 加速 LLM 推理
  • PHP酒店点菜管理系统mysql数据库web结构apache计算机软件工程网页wamp
  • 【面试复盘】知乎暑期实习算法工程师二面
  • 内网穿透和服务器+IP 实现公网访问内网的区别
  • JAVA权限管理 助力企业精细化运营
  • 金融语言模型:FinGPT
  • LeetCode--HOT100题(30)
  • Springboot 实践(3)配置DataSource及创建数据库
  • 【问题整理】Ubuntu 执行 apt-get install xxx 报错
  • Java课题笔记~ SpringBoot简介
  • 一种基于springboot、redis的分布式任务引擎的实现(一)
  • 基于IDE Eval Resetter延长IntelliJ IDEA等软件试用期的方法(包含新版本软件的操作方法)
  • RocketMQ消费者可以手动消费但无法主动消费问题,或生成者发送超时
  • 【数据库系统】--【2】DBMS架构
  • 第三章 图论 No.13拓扑排序
  • 喜报 | 擎创再度入围IDC中国FinTech 50榜单
  • 【C++ 记忆站】引用
  • Hlang--用Python写个编程语言-变量的实现
  • 多维时序 | MATLAB实现PSO-CNN-BiLSTM多变量时间序列预测
  • 实现Java异步调用的高效方法
  • 批量提取文件名到excel,详细的提取步骤
  • C#中的泛型约束可以用在以下几个地方?
  • Linux Vm上部署Docker