vue element 日期范围选择器限制:只能选今天之前的时间 || 只能选今天之后的时间 || 选取今天往后三天内
2024-09-18 17:58:51
举例:只能选今天或者今天之后的时间(如下图)
<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
本博客文章均为作者原创,转载请注明作者和原文链接。
最新文章
- 黑马程序员——C语言基础 枚举 宏定义 自定义 static exterm
- 数据库之mysql存储程序
- Power-BI For K3 免费版培训与交流!Q群视频培训,绝对干货!
- 2016第20周四java基础概念
- Python 3.5 for windows 10 通过pip安装mysqlclient模块 error:C1083
- C# 面向对象编程的继承性-多继承
- 转:aptitude 命令详解
- Spring 注解学习手札(七) 补遗——@ResponseBody,@RequestBody,@PathVariable (转)
- wind7系统修改host
- .NET Core log4net 使用
- 【django之form表单】
- 《Thinking in Java》学习笔记(四)
- 图书管理系统【JavaWeb:部署开发环境、解决分类、图书、前台页面模块】
- html、text、val、attr、prop区别。this.value和$(this).val()区别以及return用法
- XCode各种问题
- Maven+SSM框架(Spring+SpringMVC+MyBatis)(二)
- 了解各种不同意义上的new
- 利用ONENET平台控制MPC
- 文件格式(图像 IO 14.3)
- Flexbox弹性布局,更优雅的布局
热门文章
- os 模块 sys模块 json模块
- LeetCode-343. 整数拆分 - 题解分析
- 【学习笔记】XR872 GUI Littlevgl 8.0 移植(显示部分)
- 云服务器安装Mysql之后,设置可以进行远程连接,Duplicaticate wntry &#39;%-root&#39; for key &#39;PRIMARY
- Redis-03 数据格式和基础命令
- Spring02---IOC-Debug查看Bean的实例化过程
- 数据存储单位、编程语言的发展史、python解释器版本、解释器的下载与安装、多版本共存、第一个python程序、pycharm下载
- pnpm
- 2021级《JAVA语言程序设计》上机考试试题5
- C++练习6 不同参数的传递方式