举例:只能选今天或者今天之后的时间(如下图)

         <el-date-picker clearable
v-model="form.limitTime"
type="date"
:readonly="isDetail"
value-format="yyyy-MM-dd"
:picker-options="expireTimeOPtion"
placeholder="请选择处理期限">
</el-date-picker>

注意::picker-options="expireTimeOPtion"

一、只能选择今天或者今天之后的时间

data() {
return {
expireTimeOPtion: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; //如果没有后面的-8.64e7就是不可以选择今天的
}
},
}
}

二、今天以及今天之前的日期

data() {
return {
expireTimeOPtion: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6; //如果没有后面的-8.64e6就是不可以选择今天的
}
},
}

三、只能选取今天往后三天内

data() {
return {
expireTimeOPtime: {
disabledDate(time) {
const times = new Date(new Date().toLocaleDateString()).getTime() + 3 * 8.64e7 - 1
return time.getTime() < Date.now() - 8.64e7 || time.getTime() > times // 如果没有后面的-8.64e7就是不可以选择今天的
}
}
}
}

完结撒花!赶快试试吧!

作者:微微一笑绝绝子
出处:https://www.cnblogs.com/wwyxjjz/p/16922199.html
本博客文章均为作者原创,转载请注明作者和原文链接。

最新文章

  1. 黑马程序员——C语言基础 枚举 宏定义 自定义 static exterm
  2. 数据库之mysql存储程序
  3. Power-BI For K3 免费版培训与交流!Q群视频培训,绝对干货!
  4. 2016第20周四java基础概念
  5. Python 3.5 for windows 10 通过pip安装mysqlclient模块 error:C1083
  6. C# 面向对象编程的继承性-多继承
  7. 转:aptitude 命令详解
  8. Spring 注解学习手札(七) 补遗——@ResponseBody,@RequestBody,@PathVariable (转)
  9. wind7系统修改host
  10. .NET Core log4net 使用
  11. 【django之form表单】
  12. 《Thinking in Java》学习笔记(四)
  13. 图书管理系统【JavaWeb:部署开发环境、解决分类、图书、前台页面模块】
  14. html、text、val、attr、prop区别。this.value和$(this).val()区别以及return用法
  15. XCode各种问题
  16. Maven+SSM框架(Spring+SpringMVC+MyBatis)(二)
  17. 了解各种不同意义上的new
  18. 利用ONENET平台控制MPC
  19. 文件格式(图像 IO 14.3)
  20. Flexbox弹性布局,更优雅的布局

热门文章

  1. os 模块 sys模块 json模块
  2. LeetCode-343. 整数拆分 - 题解分析
  3. 【学习笔记】XR872 GUI Littlevgl 8.0 移植(显示部分)
  4. 云服务器安装Mysql之后,设置可以进行远程连接,Duplicaticate wntry &#39;%-root&#39; for key &#39;PRIMARY
  5. Redis-03 数据格式和基础命令
  6. Spring02---IOC-Debug查看Bean的实例化过程
  7. 数据存储单位、编程语言的发展史、python解释器版本、解释器的下载与安装、多版本共存、第一个python程序、pycharm下载
  8. pnpm
  9. 2021级《JAVA语言程序设计》上机考试试题5
  10. C++练习6 不同参数的传递方式